Как работает CSS Color-mix функция?

• color-mix(in srgb, red 50%, blue 50%) — смешивание цветов
• Interpolation space: srgb, oklch, lab, hsl — влияет на результат
• Неравное смешивание: color-mix(in oklch, red 30%, blue) — 30% red, 70% blue
• Применение: автоматические hover/active цвета, палитры

:root { --primary: #3b82f6; }
.btn:hover { background: color-mix(in oklch, var(--primary), black 20%); }