Home/Color & Design/Gradient Generator

Gradient Generator

Create beautiful CSS gradients with live preview

Preview

Your gradient in real-time.

background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);

Settings

Customize your gradient.

90°
%
%