CSS Gradient Generator

Build layered linear and radial gradients with as many colour stops as you like. Adjust direction and shape, add transparent layers, then copy the CSS or Tailwind class – or export the gradient as a PNG image.