Grainient · Violet

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#c4b5fd
Colour B#7c3aed
Colour C#0f0a1e
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