GradientLab - CSS Gradient Generator

Live Preview

90°

CSS Code

background: linear-gradient(90deg, #4f46e5 0%, #06b6d4 100%);

Color Endpoints

Start Color

End Color

Direction & Angle

Angle (0° - 360°)

°

Quick Directions:

Preset Templates

Click any preset to load its colors and angle: