Back to tools
🌈Developer
CSS Gradient Generator
Build linear, radial, and conic CSS gradients with color stops, angle controls, presets, and live preview.
Preview
Presets
Gradient Type
90deg
Color Stops
0%
50%
100%
background: linear-gradient(90deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);