Design & colour
CSS gradient generator
Build a two-colour linear gradient and copy the CSS.
A clear answer. Here’s how.
Creates a CSS linear-gradient with two opaque colour stops. In CSS, 0 degrees points upwards and 90 degrees points right. No image is uploaded or generated.
See a worked example
Worked example
A fixed demonstration, separate from the values you enter above.
- First colour (HEX)
- #365bd5
- Second colour (HEX)
- #d5e4ff
- Angle (degrees)
- 135
Example result
background: linear-gradient(135deg, #365bd5, #d5e4ff);