Gradient Mesh Generator

Create gradient mesh backgrounds using colour harmony schemes.

Base hue: 240°

Saturation: 70%

Lightness: 60%

Colour scheme

Grid cols: 3

Grid rows: 3

Mesh gradient preview

Colour grid

background-image: radial-gradient(at 0% 0%, #5252e0 0%, transparent 60%), radial…

background: conic-gradient(#5252e0 0deg, #e87d7d 120deg, #a8f0a8 240deg);…