Dither Gradient Generator

Gradients Studio is a free dithered gradient generator: it draws a gradient in your colors with ordered Bayer dithering, as a pattern of dots, bars, crosses or characters you type, and exports a JPG in HD or 4K. The first download is free with no account; 4K with the dither finish is Pro.

Make a dithered gradient Free wallpapers

First download free, no account · 4K on Pro, from $9 · No subscription

Palettes that dither well

Each one opens in the studio with the dither finish on, ready to change and export.

Want the finished image? Each is a free 4K wallpaper: Ember, Deep Sea, Aurora, Silk Rose, Ice Fiber, Sunset, Midnight and Storm.

What a dithered gradient is

Dithering draws a gradient with a pattern of dots instead of continuous tones: dense where the color is strong, sparse where it fades. Screens and printers have used it for decades to fake more colors than they had. Today it is a deliberate finish, the texture on the marketing sites of AI startups, dev tools and design tools.

Ordered dither, your marks

The finish uses an ordered Bayer pattern, so the marks line up in a clean grid rather than random noise. By default they mix dots, bars, crosses and rings; type characters into Characters to use your own. Set the cell size, and use Density to decide how far the marks reach into each transition. Grain on top keeps the flat areas from looking plastic.

How to get the look

Start from a dark background with one or two bright accents; dither reads best when there is somewhere for the dots to fade into. Under Effects choose Dither, cell size 12 to 24 for a hero, density around the middle. For a social card, go coarser so the pattern is visible at feed size.

Where dithered gradients work

Website heroes and section backgrounds, OG images and launch posts, deck covers, app onboarding screens, and print, where an ordered pattern holds up on paper better than a smooth blur. Export at 1.91:1 for link previews and 4:5 for a LinkedIn portrait post.

Sized for where it goes

Exact sizes and safe zones for the places a background ends up, each with examples at that shape.

More generators

The same studio, set to another look.

Questions

Is this the same as adding noise?

No. Noise is random and scatters everywhere at the same strength. Dither is structured: the pattern follows the gradient, so bright areas stay solid and only the transitions break into dots. Use Grain for noise, Dither for pattern, or both.

Can I change the dot shape?

Yes, with Characters. By default each cell's mark is a bar, cross, ring or dot, picked by its position. Type one character, such as ● for round dots or + for crosses, and every mark uses it; type 01 for a binary look.

Will the pattern survive compression?

Yes. The dither is rendered into the 4K JPEG at high quality, so the pattern stays crisp on the web and in Figma. For the sharpest result keep the cell size at 12 or above.

Can I export a dithered gradient for free?

Yes, once: your first download needs no account and keeps the dither finish, as an HD JPG (1920 × 1080 for 16:9). The dither finish in 4K is part of Pro ($39 for 12 months, a single payment with no subscription) or a $9 Week Pass for one project. Free accounts get five 4K exports a month of smooth gradients.

Make one now

The studio opens set to this look. Shuffle until something feels right, then export.

Make a dithered gradient