Gradient Generator
background: linear-gradient(90deg, #6366f1, #a855f7);
How to Use Css Gradient Generator
Follow these simple steps to get the most out of the Css Gradient Generator.
1
Pick Color
Enter a color value, upload an image, or use the picker to select a base color.
2
Adjust Settings
Tweak the shade, opacity, or format options as needed for your project.
3
Get Code
Copy the exact HEX, RGB, or HSL code provided in the output box.