CSS Gradient Generator
Build linear or radial CSS gradients with up to 5 color stops, position sliders, and angle. Live preview with copyable CSS.
Color stops · 2 / 5
0%
100%
CSS
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
Build linear or radial CSS gradients with up to 5 color stops, position sliders, and angle. Live preview with copyable CSS.
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);