Gradient Generator
Pick two colors and an angle, then copy the CSS straight into your project.
How to build a CSS gradient
Pick two or more colours and an angle, and this free CSS gradient generator gives you ready-to-paste `background` code for linear or radial gradients. Preview updates live as you tweak colours, so you can fine-tune before copying the CSS into your stylesheet. No design software needed — it works entirely in the browser.