Gradient Generator
Build a linear gradient from two colors, tweak the angle, and copy ready-to-paste CSS for buttons, banners and backgrounds.
Frequently asked questions
What CSS does it output?
A standard linear-gradient() you can paste into any background property. It also copies a -webkit- prefixed line for older Safari.
Can I change the angle?
Yes — pick any angle from 0° to 360° and the preview and code update live.
Do I need an image editor?
No. The gradient is generated as pure CSS, so it stays crisp at any size and adds no file weight.