Gradient Maker
Build linear, radial, and conic CSS gradients with up to 4 color stops. Use OKLCH interpolation for perceptually smooth transitions. Copy the CSS output instantly.
0%
100%
135°
0° 90° 180° 270° 360°
CSS Color 4 · Chrome 111+
CSS output
background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
#6366f1 · 0%
#a855f7 · 100%