normal
Normal behavior.

multiply
This leads to a darker image than before.

screen
Both image and color is inverted, multiplied and then inverted.

overlay
The background-color is mixed with the background-image to reflect the lightness or darkness of the backdrop.

darken
If the background-image is darker than the background-color then the image is replaced, otherwise, it is left as it was.

lighten
If the background-image is lighter than the background-color then the image is replaced, otherwise, it is left as it was.

color-dodge
The background-color is divided by the inverse of the background-image.

color-burn
The background-color is inverted, divided by the background-image and inverted again.

hard-light
If the background-image is lighter than the background-color then the result is muliply or if it is lighter then the result is screen.

soft-light
Similar to overlay but it’s softer with less contrast.

difference
This mode is the result by subtracting the darker color of the background-image and the background-color from the lightest one. Often the image will have very high contrast.

exclusion
White inverts the colors of the base layer. Black produces no change, but this time, unlike ‘difference’ 50% gray produces 50% gray.

hue
The result is the hue of the background-image combined with the luminosity and saturation of the background-color.

saturation
This mode keeps the saturation of the background-image whilst mixing the hue and luminosity of the background color.

color
Keeps hue and saturation of background-image and the luminosity of the background-color.

luminosity
The luminosity of the top color is preserved whilst using the saturation and hue of the background-color.