DESIGN / Gradient Generator

Make your next gradient.

Shape every color stop, preview instantly, and take the result into your next project.

01 / Gradient workspaceLive preview

Color, with direction.

Gradient type

Direction / 135°

Preset name

Live preview2 stops

background: linear-gradient(135deg, #ff55b8 0%, #4c8dff 100%);

Width / px

Height / px

Utility catalogue

Loading more tools…