CSS gradient generator

Mix colours visually and copy the ready-to-use background CSS.

How to make a CSS gradient

  1. 01Choose linear or radial.
  2. 02Pick colours and the angle.
  3. 03Click Copy CSS.

FAQ

No. Everything runs in your browser with JavaScript. Nothing you type is uploaded, and closing the tab clears it.