CSS gradient generator
Create linear or radial CSS gradients and copy the code ready to use.
background: linear-gradient(135deg, #2563EB, #A855F7);How it works
Select the type of gradient, two colors and, for linear gradients, the angle. The preview and the CSS code are automatically updated.
Frequently asked questions
Can I create radial gradients?
Yes. You can alternate between linear and radial gradient.
Can I copy the CSS value directly?
Yes. Copy CSS copies the complete background declaration.