Mesh & Gradient Studio

Mesh, linear, radial & conic gradients — CSS/SVG/PNG.

Compose multi-stop linear, radial, conic, and multi-point mesh gradients by dragging color nodes on a live canvas, with perceptually-smooth OKLCH interpolation and an optional film-grain overlay. Copy production-ready CSS or Tailwind, or export a flat SVG or high-res PNG hero background. Runs entirely in your browser — no upload, no account.

Processes your input on your device without uploading it. Libraries or models may need downloading. No site account is required.