CSS Gradient Generator
Build a CSS linear-gradient from two colors and an angle, with a live preview.
Related tools
How it works
- 1
Pick two colors
Use the color pickers.
- 2
Set the angle
In degrees, 0 to 360.
- 3
Copy the CSS
A ready-to-paste background property.
FAQ
- Does this tool send my colors anywhere?
- No - the gradient is generated entirely in your browser.
- Can I use more than two colors?
- Not in this version - two colors covers the most common gradient use case.