Gradient Generator

Build a CSS linear gradient with two or three color stops. Copy the CSS instantly.

Start Color

End Color

Direction

Add a third color stop (middle)

CSS Code

background: linear-gradient(to right, #3b82f6, #8b5cf6);

Paste this into any CSS rule (e.g. on a div or body).