Pixel Art Dithering: A Practical Guide to Smooth Shading

Dithering is the pixel artist's trick for faking more colors than you actually have. By interleaving two colors in a pattern, you create the illusion of a third shade - and of smooth gradients - without adding a single color to your palette. It's how 8-bit and 16-bit games squeezed rich shading out of tiny color budgets, and it's still one of the highest-impact skills in pixel art.

This guide explains what dithering is, when to use it (and when not to), the core patterns, and how to dither by hand in Spearite.

What is dithering?

Dithering places two colors next to each other in a repeating pattern so your eye blends them into an intermediate tone. Stand back from a 50/50 checkerboard of light blue and dark blue and you perceive a medium blue that isn't in your palette at all.

It solves two problems at once:

• Banding - when a gradient made of a few flat colors shows hard stripes. Dithering breaks the boundary between bands into a gradual transition.
• Limited palettes - when you only have, say, 16 colors but need dozens of subtle shades. Dithering multiplies your effective range for free.

When to use dithering (and when to skip it)

Dithering is a tool, not a default. Use it deliberately:

Good uses

• Smoothing gradients - skies, metal, glass, lighting falloff.
• Adding texture - rough stone, dirt, fabric, rust.
• Extending a restricted palette where you can't add colors.

Skip it when

• The sprite is tiny (16×16 and under) - there's no room for a pattern to read; it just looks noisy.
• You want clean, modern flats - many contemporary pixel styles avoid dithering entirely.
• It would muddy a small read - faces and key silhouettes usually want crisp color, not texture.

The honest rule: if dithering doesn't clearly improve the piece, leave it out. New artists tend to over-dither.

The core dithering patterns

Checkerboard (50%)

A perfect alternating grid of two colors - the strongest, most even blend. Use it for the middle of a transition between two shades.

█ ░ █ ░ █ ░
░ █ ░ █ ░ █
█ ░ █ ░ █ ░

Sparse / graduated (25%, 75%)

Fewer of one color near one end, more near the other. Chaining sparse -> checkerboard -> sparse is how you build a smooth gradient:

█ █ █ █   <- solid dark
█ █ ░ █   <- 25% light
█ ░ █ ░   <- 50% checkerboard
░ ░ █ ░   <- 75% light
░ ░ ░ ░   <- solid light

That five-step ramp turns two colors into a believable gradient.

Ordered / Bayer

A fixed mathematical matrix (the classic Bayer pattern) applied across a region for an even, retro "screen-door" texture. Great for large flat areas like skies; it's the look most associated with old PC and console art.

Why avoid pure noise

Random scattering of pixels rarely reads as a smooth tone - it reads as dirt. Structured patterns blend; noise doesn't. Keep your dithering ordered.

How to dither by hand in Spearite

Spearite gives you the precise pixel control dithering needs:

1. Pick your two colors. Set a light shade as the primary color and a darker shade as the secondary - the two tones you'll interleave.
2. Set brush size to 1. Dithering is a single-pixel discipline; precision is the whole point.
3. Lay the pattern. With the pencil, place your checkerboard or sparse pattern along the boundary between two flat regions. Use left-click for the primary color and right-click for the secondary so you can alternate fast.
4. Use shade ink for ramps. On desktop, Spearite's shade ink steps a pixel along a ramp between your primary and secondary colors, which makes building graduated transitions far quicker than swapping colors by hand. (Shade ink and the secondary-color UI are desktop-only; on mobile, long-press a swatch to set the secondary color.)
5. Zoom out to check. Dithering only works at viewing distance. Zoom out often - if the pattern reads as a smooth tone, it's working; if it reads as speckle, simplify it.

Tips for clean dithering

• Dither between adjacent palette shades, not wildly different colors - close tones blend; far-apart ones strobe.
• Keep patterns consistent. A regular checkerboard reads as a surface; a broken one reads as a mistake.
• Anchor with solid color. Dither the transition, keep the cores of each shade solid. All-dither looks busy.
• Match the pattern to the material. Tight ordered dithering for smooth metal; looser, irregular clusters for rough stone.

Frequently asked questions

What does dithering do in pixel art? It interleaves two colors in a pattern so the eye blends them into a new shade - creating smooth gradients and texture without adding colors to your palette.

Is dithering still used in modern pixel art? Yes, selectively. Some styles lean on it heavily for texture and gradients; many modern styles use clean flats and skip it. It's a stylistic choice, not a requirement.

What's the best dithering pattern? A 50% checkerboard for even blends, plus sparse 25%/75% patterns to build gradients. Ordered (Bayer) patterns suit large flat areas like skies.

Should I dither small sprites? Usually not. Below ~16×16 there's no room for a pattern to read, so it just adds noise. Save dithering for larger pieces and backgrounds.

How do I dither in Spearite? Set two close shades as your primary and secondary colors, drop brush size to 1, and lay a checkerboard or sparse pattern along a transition with the pencil - using shade ink to build ramps quickly.

Practice dithering now

The fastest way to learn dithering is to draw one gradient: two flat colors, a checkerboard seam between them, then sparse patterns fading out each way. Zoom out and watch a third shade appear.

Open the editor and try a dither gradient

From here, convert a reference image into pixel art to practice on, or animate your shaded sprite frame by frame.