background-blend-mode

Свойство background-blend-mode даёт возможность смешивать разные фоны между собой.

• normal — значение по умолчанию, фоны не смешиваются, верхний слой остаётся непрозрачным.

• overlay — background-color смешивается с background-image, чтобы отразить светлые или тёмные участки фона.
• hard-light — если background-image светлее background-color, то результатом будет muliply, а если светлее, то результатом будет screen.
• soft-light — конечный результат похож на hard-light, но более мягкий, как будто на изображение попал рассеянный прожектор.

• darken — если background-image темнее background-color, то изображение заменяется, в противном случае оно остаётся прежним.
• multiply — background-image и background-color перемножаются, и обычно это приводит к получению более тёмного изображения, чем исходное.
• color-burn — background-color инвертируется, делится на background-image и снова инвертируется. Похоже на multiply.

• lighten — если background-image светлее background-color, то изображение заменяется, в противном случае оно остаётся прежним.
• screen — и изображение, и цвет инвертируются, умножаются и затем снова инвертируются.
• color-dodge — background-color делится на обратную величину background-image. Это очень похоже на screen.

• difference — результат вычитания тёмного цвета backgroound-image и background-color из самого светлого. Часто изображение будет иметь очень высокий контраст.
• exclusion — результат очень похож на difference, но с меньшим контрастом.

• saturation — сохраняет насыщенность background-image, смешивая при этом оттенок и светимость background-color.
• color — сохраняет оттенок и насыщенность background-image и светимость background-color.
• luminosity — светимость верхнего цвета сохраняется, при этом используются насыщенность и оттенок background-color.
• hue — результатом будет оттенок background-image в сочетании со светлотой и насыщенностью background-color.