CSS mesh gradient generator

Layer several soft colour blobs into one smooth mesh gradient. Randomise it, edit every point, then copy the CSS or download a PNG. Everything runs in your browser — nothing is uploaded.

Drag a blob to move it
Blob size60%
Background colour
Colour points 

        
      


      

        
        
      

      
      
 Generated on your device. No upload, no sign-up — nothing is sent anywhere.

    


    

      
How it works

      

        
STEP 1
Randomise a mesh
Hit Randomise to spin up a fresh set of soft colour blobs, or start from the default and tweak.

        
STEP 2
Edit each point
Recolour any blob, drag it to a new spot, and add or remove points until it feels right.

        
STEP 3
Copy or download
Copy the clean background CSS into your project, or download a high-resolution PNG. Nothing is uploaded.