Interactive utility
Gradient Generator
Create linear and radial CSS gradients with multiple color stops and presets.
Browser basedNo accountFree
Linear · 90°
Gradient type
Angle90°
Color stops (2/6)
#6366f1
0%
#ec4899
100%
CSS output
background-image: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);