The blend-mode CSS data type describes how colors should appear when elements overlap. For each pixel among the layers to which it is applied, a blend mode takes the colors of the foreground and the background, perfoms a calculation on them, and returns a new color value. The blend-mode data type is used with background-blend-mode and mix-blend-mode properties.


blend-mode = normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity