CSS Gradient Generator — Linear & Radial
Create beautiful CSS gradients with a visual editor. Linear and radial gradients with multiple color stops and presets.
135°
Color Stops
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
Presets
CSS Gradients
CSS gradients create smooth color transitions. Linear gradients flow in a straight line at a specified angle. Radial gradients radiate outward from a center point. Both support multiple color stops.
Browser Support
CSS gradients are supported in all modern browsers without vendor prefixes. They render at any resolution (vector-based), making them perfect for backgrounds, buttons, and decorative elements.