HD Gradients
beta

xyz
oklch(50% 0.5 220)
L
C
H
A
Layer 1
°

HD Examples

Modern HD gradient snippet

.modern-gradient {
  background-image: 
    linear-gradient(
      to right in oklab,
      oklch(70% 0.5 340) 0%, oklch(90% 0.5 200) 100%
    )
  ;
}

Classic gradient snippet

.classic-gradient {
  background-image: 
    linear-gradient(to right, #ff00fa 0%, #0ff 100%)
  ;
}

Color 0

%
%

Transition

%

Color 2

%
%