Grainient · Mint

Three colours blended along a slowly turning, sine-warped axis and covered in a heavy film grain - the printed-poster gradient.

Open in studio

Settings

What this style sets on Grainient. Highlighted values differ from the default.

Colour A#a7f3d0
Colour B#0f766e
Colour C#052e2b
Warp1
Drift1
Contrast1
Speed0.3
Grain0.1

Ship it

Open it in the studio, tune it, then export a self-contained component for React, Vue, Svelte, Astro, Solid or vanilla JS, a PNG, GIF or video. Code export and 4K media are Pro.

Open in studio

More Grainient styles