Stepped background transition

How to use it

Transition between two background colours with solid blocks of colour that step-change the hue, saturation, or brightness.

When to use it

This is a novel technique. It also avoids gradients but gives a similar effect, if you want to do that for technical or stylistic reasons.

What to watch out for

This naturally takes up more space than an instant colour transition.

Examples