Grainient · Paper

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#f8f4ea
Colour B#e6dcc8
Colour C#b8a88c
Warp1
Drift1
Contrast1
Speed0.3
Grain0.14

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