Skip to main content
Color Tool

Gradient Generator

Create beautiful CSS gradients with live preview

Gradient Type

Direction

Colors (3)

Preview

Gradient Preview
CSS Code
background: linear-gradient(90deg, #FF6B6B 0%, #4ECDC4 50%, #45B7D1 100%);