Gradients

Build directional and radial gradients with quick stop management.

Gradients Architect

Dial in precise color stops and direction to draft production-ready gradients.

Color stop 1

Color stop 2

Direction

Preview

CSS Output

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