Gradient Generator

Mix colors, bend the angle and watch the result live.

Color stops

Tap a snippet to copy it

How it works

  1. Choose linear or radial.
  2. Add stops, drag them around, change the angle.
  3. Click the CSS to copy it.

Quick answers

Do older browsers cope?
Gradients work in every browser people actually use today.
Is there a stop limit?
Eight. Beyond that it rarely looks better.