Back to Tools
CSS Gradient Generator
Create beautiful gradients with live preview
Gradient Type
Direction
45°Color Stops
CSS Code
background: linear-gradient(45deg, #3B82F6 0%, #8B5CF6 100%); Create beautiful gradients with live preview
background: linear-gradient(45deg, #3B82F6 0%, #8B5CF6 100%);