gradient

oklch and oklab use perceptual mixing (no muddy mid-tones) · requires modern browsers

• %×
• %×

background: linear-gradient(135deg, #0a0a0a 0.0%, #e8c87a 100.0%);
background-image: linear-gradient(135deg, #0a0a0a 0.0%, #e8c87a 100.0%);

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <defs>
    <linearGradient id="g" x1="14.6%" y1="14.6%" x2="85.4%" y2="85.4%">
    <stop offset="0.0%" stop-color="#0a0a0a" />
    <stop offset="100.0%" stop-color="#e8c87a" />
    </linearGradient>
  </defs>
  <rect width="100" height="100" fill="url(#g)" />
</svg>