CSS Gradient Generator
Build beautiful linear, radial, and conic gradients with live preview.
Gradient Type
Angle
135°Color Stops
#6366f10%
#06b6d4100%
Live Preview
CSS Code
css
background: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);
full
background: -webkit-linear-gradient(135deg, #6366f1 0%, #06b6d4 100%); background: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);
tailwind
bg-gradient-to-br from-[#6366f1] to-[#06b6d4]