CSS Gradient Generator
Create CSS gradients and copy the code.
background: linear-gradient(135deg, #c2410c, #1e3a8a);How it works
- Pick two colors.
- Choose type and angle.
- Copy the CSS.
FAQ
What is a CSS linear gradient?
A smooth transition between colors along a line: linear-gradient(90deg, #f00, #00f).
Linear vs radial?
Linear flows in a direction; radial spreads from a center point.
Do gradients slow pages?
No, CSS gradients are rendered by the browser without image downloads.