Back to Color Tools
Gradient Generator
Create stunning CSS gradients for your website background. Choose linear or radial styles, customize colors, and get copy-paste ready CSS code.
linear-gradient(90deg, #3b82f6 0%, #ec4899 100%);Colors & Stops
0%
100%
CSS Gradient Generator
Create smooth, beautiful gradients for your website backgrounds and buttons. Export to CSS instantly.
Linear vs Radial
Choose between linear flows or circular radial patterns to add depth to your UI.