toollix
.io
Pricing
Browse Tools
CMD
K
Blog
Contact
Toggle theme
🌙
CSS Gradient Generator
Design beautiful, smooth CSS gradients visually and instantly copy the production-ready code.
Linear
Radial
Color Stops
3 Colors
#4158D0
#C850C0
#FFCC70
Angle
45°
CSS Code
Copy Code
background-color:
#4158D0;
background-image:
linear-gradient(45deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
