CSS Gradient Generator
Preview as you change the colors and angle, then take the CSS code or a PNG.
Loading the tool...
How to use
- Click a ready-made color preset or pick your own colors.
- Change the type and angle.
- Press Copy CSS or Save PNG.
FAQ
Where do I paste the CSS code?
Paste it into your web page's style (the background property).
Advertisement (tool-below)