CSS Gradient Generator

A free online CSS gradient generator for designers and developers. Create linear, radial and conic gradients visually with up to 6 color stops. Adjust angle, shape and stop positions. Choose from 8 stunning presets or build your own. Get instant CSS code output. No account, no install — copy and paste directly into your stylesheet.

Color Stops

#10b9810%
#34d399100%

CSS Output

background: linear-gradient(135deg, #10b981 0%, #34d399 100%);

Presets

Related Design Tools

CL

Color Converter (HEX / RGB / HSL)

Convert colors between HEX, RGB, HSL, and CMYK formats.

Ic

Image Compressor

Compress images in your browser — JPEG, WebP, PNG. No uploads.

Cp

Color Palette Generator

Generate complementary, analogous and triadic palettes from any colour.

Browse all Design tools →