Skip to content
tools

Linear & Radial CSS Gradient Generator

Preview
Preview the gradient in real time.
background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);
Settings
Adjust the type and direction.
90°
Color stops
Add or remove colors and positions (%).
%
%