Grainient · Wild

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
Warp2.4
Drift2
Contrast1.2
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