← Back to Tools Design & Creative Tools

CSS Gradient Generator.

Generate linear and radial CSS backgrounds for slide decks, dashboards, and report designs.

Gradient Engine

Customize gradients.

Adjust angles, stops, and colors, then copy clean CSS properties with one click.

Type

Direction

Colours

#F97316

#EC4899

CSS Code

background: linear-gradient(to right, #f97316, #ec4899);

Presets

Press Win+Shift+S to screenshot your gradient