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 🌟
Remove ads, get your Connect profile, and unlock more pro features by upgrading to Colorffy PRO.
Payments are secure and powered by Stripe.