Gradient Generator
Build a CSS linear-gradient from two colors and an angle, ready to paste — instantly, in your browser.
Runs in your browser
Private & secure
Build a CSS linear-gradient from two colors and an angle, ready to paste into your stylesheet. Enter two colors below — the CSS updates instantly, entirely in your browser.
How it works
Generates a standard CSS linear-gradient() declaration. Accepts HEX codes, named colors (like “red”), or rgb()/rgba() values for either stop — whatever format you paste in is used as-is in the output.
FAQs
Can I add more than 2 color stops?
Not yet — this version supports 2-stop gradients, the most common case. Multi-stop support is a planned addition.