Gradient Color Generator
Create beautiful CSS gradients with our easy-to-use tool. Customize colors, direction, and preview your gradient in real-time.
Gradient Colors
Color 1:
Color 2:
Gradient Direction
Gradient Preview
CSS Code
background: linear-gradient(to right, #6a11cb, #4a6cf7);
CSS copied to clipboard!
