Gradient Generator
Create linear, radial, and conic gradients with a live preview and production-ready CSS.
90°
Color Stops
#3B82F60%#8B5CF650%#EC4899100%CSS
background: linear-gradient(90deg, #3B82F6 0%, #8B5CF6 50%, #EC4899 100%);Create linear, radial, and conic gradients with a live preview and production-ready CSS.
#3B82F60%#8B5CF650%#EC4899100%background: linear-gradient(90deg, #3B82F6 0%, #8B5CF6 50%, #EC4899 100%);