CSS Gradient Generator

Preview

background: linear-gradient(135deg, #6366f1, #8b5cf6);

Settings

Gradient Type

Angle (degrees) 135°

Start Color

End Color

Information

CSS gradients allow you to create smooth transitions between two or more colors. Linear gradients go from top to bottom (or at any angle), while radial gradients emanate from a central point.