Gradient Generator

Generate beautiful CSS gradients and discrete color palettes instantly.

HEX
RGB
HSL
HSV
HEX
RGB
HSL
HSV

Gradient Settings

#3b82f6
#8f77c8
#b96a9b
#d75a70
#ef4444
background: linear-gradient(to right, #3b82f6, #ef4444);