← Library

Essay

Understanding Gradients

Jakub Krehel

A deep dive into how gradients work, how colour models affect them, and why some gradients look better than others.

Color

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.

Read the full essay on jakub.kr
Source ↗Jakub Krehel

Goes well with

  • better-colors

    Move a project to OKLCH, and answer anything about colour.

    Jakub KrehelColor

    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 KiemCraftColor

    Mirrors 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.

    IndependentColor

    Build perceptually uniform palettes. The companion to the better-colors skill.

    https://oklch.fyi

Work with us