GRADIENT GENERATOR
Create Beautiful Color Gradients.
Pick your colors, adjust the direction and instantly generate CSS code for your gradient.
CUSTOMIZE
Your Gradient
COLOR 1
COLOR 2
COLOR 3
(Optional)
CSS CODE
background: linear-gradient(90deg, #54B9AA, #8EE6D6);
ABOUT GRADIENTS
What is a CSS gradient?
A CSS gradient creates a smooth visual transition between two or more colors. Gradients can be used for backgrounds, buttons, cards, banners and many other design elements.