Gradient spaces

One blue and one yellow, blended in four color spaces. The square beside each bar is its exact midpoint, and the numbers say how light that midpoint is.

Ends: --blue: oklch(45.2% 0.313 264.05), which is sRGB's pure blue, #0000ff, with relative luminance 0.072; and --yellow: oklch(96.8% 0.211 109.77), pure yellow, #ffff00, with luminance 0.928.

  1. in srgb: average the encoded numbers

    Midpoint …

  2. in srgb-linear: average the light

    Midpoint …

  3. in oklab: the default for gradients with newer stops

    Midpoint …

  4. in oklch: lightness, chroma and hue

    Midpoint …