Can I export the CSS gradient code?

Yes, the tool generates ready-to-use CSS code for linear and radial gradients that you can copy directly into your stylesheet.

Does the gradient generator support multiple color stops?

Yes, you can add as many color stops as you need and drag them to adjust positions interactively.

Visually build complex linear and radial gradients with live code export.

Live gradient. Switch type and colors on the right.

Output

.gradient { background: linear-gradient(135deg, #6366f1, #a855f7); }

Type, colors & angle

Type

Color 1

Color 2

Angle135°

Output format

CSS property