← All Tools
Free · no sign-up

CSS Gradient Generator

Build linear, radial and conic gradients with a live preview, then copy the CSS.

  1. Pick a gradient type
  2. Add and position colour stops
  3. Copy the generated CSS
background: linear-gradient(90deg, #6d28d9 0%, #ec4899 100%);