1. types: `<color>`: `color-mix()`

  2. types: `<color>`: `color()` (profiled color values): mix `<percentage>` and `<number>` in parameters

  3. types: `<color>`: `hsl()` (hsl color model): mix `<percentage>` and `<number>` in parameters

  4. types: `<color>`: `hwb()` (hwb color model): mix `<percentage>` and `<number>` in parameters

  5. types: `<color>`: `lab()` (lab color model): mix `<percentage>` and `<number>` in parameters

  6. types: `<color>`: `lch()` (lch color model): mix `<percentage>` and `<number>` in parameters

  7. types: `<color>`: `oklab()` (oklab color model): mix `<percentage>` and `<number>` in parameters

  8. types: `<color>`: `oklch()` (oklch color model): mix `<percentage>` and `<number>` in parameters

  9. types: `<color>`: `rgb()` (rgb color model): mix `<percentage>` and `<number>` in parameters