Generate beautiful 3 color gradients with our CSS Gradient Generator to quickly create smooth and perfect color gradients and export them for your website or design.
Sign up
Sign up to save your gradient in your account
Save your gradient
Choose a nice name to save your outstanding gradient!
Copy CSS
Click the code to copy or press CTRL + C
background: linear-gradient(45deg, #ffc107, #e11b54, #260000)
background: -webkit-linear-gradient(45deg, #ffc107, #e11b54, #260000)
background: -moz-linear-gradient(45deg, #ffc107, #e11b54, #260000)
background: -o-linear-gradient(45deg, #ffc107, #e11b54, #260000)
Easing interpolation
Interpolate the colors to create a natural and smooth-looking gradient with a steps-easing function
Start color: #ffc107
Stop color: #260000
This is a PRO feature 🌟
Upgrade to Colorffy PRO to remove ads, export files in various formats, and access additional pro features.
Payments are secure and powered by Stripe.