A deep dive into how gradients work, how colour models affect them, and why some gradients look better than others.
The short version
Gradients look simple and hide a surprising amount of complexity. How interpolation and colour models decide whether one reads clean or muddy.
Our summary, not the author’s text. The essay itself stays where they published it.
Goes well with
better-colors
Move a project to OKLCH, and answer anything about colour.
Convert colours, generate palettes, check contrast, clamp to a target gamut, set up fallbacks. Semantic tokens rather than a pile of hexes.
npx skills add https://github.com/jakubkrehel/skills --skill better-colors
Gradient Border Plugin
Tailwind gradient borders via mask-composite.
Florian KiemCraftColorMirrors Tailwind's gradient utilities with from / via / to colour stops, configurable widths, and an animated variant.
https://gradient-border.floriankiem.com
OKLCH.fyi
Convert, generate and explore OKLCH colour.
IndependentColorBuild perceptually uniform palettes. The companion to the better-colors skill.
https://oklch.fyi