Grainient · Calm

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#8b5cf6
Colour B#f97316
Colour C#0f0a1e
Warp0.3
Drift0.3
Contrast1
Speed0.3
Grain0.06

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