# CSS Gradient Generator Design linear, radial and conic gradients with live preview, add as many colour stops as you like, and copy the CSS. Runs entirely in your browser. ### How it works A CSS gradient is an image generated from colour stops. `linear-gradient` blends along a line at a given angle, `radial-gradient` outward from a centre, and `conic-gradient` around it. Each stop is a colour plus an optional position, and the browser interpolates between them. Everything updates live and is computed on your device. --- *Source: [ocxly.com/css-gradient-generator.html](https://ocxly.com/css-gradient-generator.html) — OCXLY, free 100% client-side privacy-first tools. Free CSS gradient generator with live preview. Design linear, radial and conic gradients with unlimited colour stops and copy the CSS. Runs entirely in your browser.*