Gradient Generator
Design custom CSS linear gradients.
Web Utility
Loading Tool...
How to use Gradient Generator
01
Select your two colors.
02
Adjust the gradient angle.
03
Copy the CSS code from the output box.
Frequently Asked Questions
Can I change the angle?
Yes, use the slider to set the gradient angle from 0 to 360 degrees.
How many colors?
Our tool currently supports elegant two-color linear gradients.
Is the CSS compatible?
Yes, it generates standard CSS background-image properties.