Home › Explore › Mesh Gradient

Mesh Gradient

Mesh Gradient is a shared gradient by @Surya Anand on ProGradients.

0 remixes · by @Surya Anand

CSS

background: radial-gradient(circle at 30% 20%, #681616 0%, #BA1111 100%);

Mesh and animated state live in the studio. This page shows a CSS fallback from the palette.

What is the Mesh Gradient gradient?

Mesh Gradient is a shared gradient by @Surya Anand on ProGradients.

How to use Mesh Gradient

Remix this design in the studio, or copy the CSS on this page. 4K and SVG stay on Pro.

Related templates

Related designs

Updated October 2026