Utilities for controlling how an element should blend with the background.

1. mix-blend-normal: Default blending mode; no blending effect applied.
2. mix-blend-multiply: Multiplies the colors of the element and the background, resulting in darker colors.
3. mix-blend-screen: Multiplies the inverse of the colors of the element and the background, resulting in lighter colors.
4. mix-blend-overlay: Darkens or lightens the colors of the element based on the background colors.
5. mix-blend-darken: Retains the darkest color between the element and the background.
6. mix-blend-lighten: Retains the lightest color between the element and the background.
7. mix-blend-color-dodge: Brightens the colors of the element based on the background colors.
8. mix-blend-color-burn: Darkens the colors of the element based on the background colors.
9. mix-blend-hard-light: Multiplies or screens the colors of the element depending on the background colors.
10. mix-blend-soft-light: Darkens or lightens the colors of the element depending on the background colors.
11. mix-blend-difference: Subtracts the colors of the element from the background or vice versa.
12. mix-blend-exclusion: Creates an effect similar to difference blending but with less contrast.
13. mix-blend-hue: Retains the hue of the element and applies the saturation and luminance of the background.
14. mix-blend-saturation: Retains the saturation of the element and applies the hue and luminance of the background.
15. mix-blend-color: Retains the hue and saturation of the element and applies the luminance of the background.
16. mix-blend-luminosity: Retains the luminance of the element and applies the hue and saturation of the background.
17. mix-blend-plus-lighter: Provides a mix-blend-mode equivalent of the lighten blend mode in standard CSS.