CSS Gradient Generator
Generate CSS linear gradient code from two colors. Copy-paste ready CSS.
How It Works
Formula
background: linear-gradient(angle, color1, color2)
Frequently Asked Questions
How does the css gradient generator work?
Enter your values and click Convert. The tool instantly calculates the results using standard color formulas.
Is this css gradient generator free?
Yes, this tool is completely free with no registration required.