Skip to content
MewixMewix

Gradient Maker

Build linear and radial gradients with up to 50 stops, or scatter up to 15 mesh points for a soft blend. Copy CSS, download PNG, and share the URL — everything runs in your browser.

How it works

  1. Choose Linear, Radial, or Mesh mode.
  2. Add and drag color stops (or mesh points), then edit colors with the visual picker.
  3. Tune angle, center, or size for linear and radial gradients.
  4. Copy CSS or download a PNG — share the page URL to reopen your gradient.

Frequently asked questions

Linear and radial gradients with up to 50 color stops, plus a mesh mode with up to 15 draggable color points blended on a canvas.

Related tools

Color PickerColor ConverterContrast CheckerColor WheelPalette Generator