background-blend-mode with color and image

Notes:

• background-image appears on top of background-color (and covers it)
• can be used with
• background-image and background-color
• 2 or more images or gradients (see below)
• the same image 2 times (to get the effects without using photo-shop) (see below)
• more than one value for background-blend-mode
• Kevin Powell mostly used: screen, multiply, overlay

See: MDN reference

Thanks for the image to Ronan Furuta