Glen Smith Photoshop logo
Blending
Page last updated: 03 February 2025

Blending Modes: A Comprehensive Guide


Every Photoshop Blending Mode: A Definitive Guide with Examples



Table of Contents

  1. Introduction to Blending Modes

  2. Blend Modes Examples of All Modes

    1. Normal Group

      Normal, Dissolve
    2. Darken Group

      Darken, Multiply, Color Burn, Linear Burn, Darker Color
    3. Lighten Group

      Lighten, Screen, Color Dodge, Linear Dodge, Lighter Color,
    4. Contrast Group

      Overlay, Soft Light, Hard Light, Vivid Light, Linear Light, Pin Light, Hard Mix
    5. Comparative Group

      Difference, Exclusion, Subtract, Divide
    6. Component, or Composite Group

      Hue, Saturation, Color, Luminosity
  1. Blend Modes: Effects of Fill

    1. Color Burn

    2. Linear Burn

    3. Color Dodge



Introduction to Blend Modes

count-tool-tutorial

There are many blend modes and each has a different effect. These effects also depend on what you are blending with what, so it’s impossible to know or remember all options. It’s also not possible to precisely predict all effects. A large part of using blend modes is to experiment, but it helps if you have an overall understanding of the blend mode groups and of the main blend modes.

Blend Modes are arranged in groups, (divided by a line). The blend modes in each group have similarities. Understanding some key blend modes will help you find a starting point to find a blend mode for your purpose.

The first group includes Normal and Dissolve. Normal is the default blend mode.

The next three groups perform the following;
Darken The blend modes in this group all darken in different ways.
Lighten The blend modes in this group all lighten in different ways.
Contrast The blend modes in this group all affect contrast in different ways.

From these three main groups, the following are key blend modes from each of these groups.
Multiply (darken): Ignores white, makes things darker and deepens some colours. This works like sandwiching two 35mm slides together. Multiply is the opposite of Screen. Screen (Lighten): Light pixels get darker, black pixels are ignored. Like using two slide projectors onto the same screen. Screen is the opposite of Multiply. Overlay (Contrast): This works like a combination of Screen and Multiply. It increases contrast. Ignores 50% grey, makes things lighter or darker. Soft Light (Contrast): Less intense version of Overlay.

Overlay and Soft Light are contrast-enhancing blend modes that work similarly, rendering the dark parts of an image darker and the bright parts brighter, while making the colours more saturated. They both ignore 50% grey.


Important Points to Note

Original Image

Original photo, background image

This is the base layer image (background) for all of the following blend modes.
Blend modes work by interacting with the layer, or layers, beneath. All the four images in each blend mode will interact with this image.
All blend mode layers are 100% Opacity and 100% Fill.

The images show a variety of detail and color; soft lines of foliage, hard lines of the viaduct, a gradient with different colors. The test card shows how each blend mode interacts with black, 50% mid grey, white, red, green and blue.


Normal Group

Blend Modes: Normal, Dissolve.

Layer Opacity or Fill must be adjusted for any effects to be noticeable (they both have the same effect).

Normal

This is the default blending mode. It simply displays the top layer without any blending. The only way to change the appearance is by changing opacity or fill, although they have the same effect.

Original Image
Solid Color Image
Blended Image
Blended Image

Dissolve

Randomly replaces pixels with the base or blend color, depending on opacity. Creates a grainy effect. To see this effect, reduce opacity or fill.

Original Image
Solid Color Image
Blended Image
Blended Image

Darken Group

Blend Modes: Darken, Multiply, Color-Burn, Linear-Burn. Darker Color.

These blend modes will darken the underlying layer.

Darken

Compares pixels and keeps the darker ones, replacing lighter ones. Darkens the image overall. Opposite of Lighten.

Original Image
Solid Color Image
Blended Image
Blended Image

Multiply

Multiplies the base and blend colors, resulting in a darker image. Often used for shadows and darkening effects. This is one of the more commonly used blend modes.

Original Image
Solid Color Image
Blended Image
Blended Image

Color Burn

Similar to Multiply, it increases contrast, darkens the base color to reflect the blend color and intensifies the colors.

Original Image
Solid Color Image
Blended Image
Blended Image

Linear Burn

Darkens by reducing brightness. Similar to Color Burn but with less contrast, darkening the base color with the blend color.

Original Image
Solid Color Image
Blended Image
Blended Image

Darker Color

Compares the base and blend colors, keeping the darker of the two.

Original Image
Solid Color Image
Blended Image
Blended Image

Lighten Group

Blend Modes: Lighten, Screen, Color Dodge, Linear Dodge, Lighter Color

These blend modes will lighten the underlying layer.

Lighten

Compares pixels and keeps the lighter one. Brightens the image overall. Opposite of Darken.

Original Image
Solid Color Image
Blended Image
Blended Image

Screen

Opposite of Multiply. Brightens the image by multiplying the inverse of the colors. Black and white are not changed. It's used for lightening and brightening.

Original Image
Solid Color Image
Blended Image
Blended Image

Color Dodge

Brightens the base color by reducing contrast. Creates a glowing effect. Black is not changed.

Original Image
Solid Color Image
Blended Image
Blended Image

Linear Dodge (Add)

Similar to Color Dodge but with less contrast, lightening the base color with the blend color. Black is not changed.

Original Image
Solid Color Image
Blended Image
Blended Image

Lighter Color

Compares the base and blend colors and keeps the lighter color, replacing darker ones. Opposite of Darker Color.

Original Image
Solid Color Image
Blended Image
Blended Image

Contrast Group

Blend Modes: Overlay, Soft Light, Hard Light, Vivid Light, Linear Light, Pin Light, Hard Mix

These blend modes affect contrast.

Overlay

A combination of Multiply and Screen. Dark areas become darker, and light areas become lighter, increasing contrast.

Original Image
Solid Color Image
Blended Image
Blended Image

Soft Light

Similar to Overlay, but less intense. Applies a subtle effect, darkening or lightening the base color depending on the blend color.

Original Image
Solid Color Image
Blended Image
Blended Image

Hard Light

Combines Multiply and Screen like Overlay, but with more intensity, creating a sharper contrast. It's a commonly used blend mode, but you will often benefit by reducing opacity.

Original Image
Solid Color Image
Blended Image
Blended Image

Vivid Light

Combines Color Dodge and Color Burn, creating a highly contrasty effect with intense highlights and shadows. Adjusting opacity or fill produces different effects.

Original Image
Solid Color Image
Blended Image
Blended Image

Linear Light

Combines Linear Dodge and Linear Burn, producing a strong contrast and more noticeable adjustments to brightness. Adjusting opacity or fill produces different effects.

Original Image
Solid Color Image
Blended Image
Blended Image

Pin Light

Replaces colors depending on the blend color's luminance. Lighter areas stay the same, and darker areas may get replaced with pure black or white.

Original Image
Solid Color Image
Blended Image
Blended Image

Hard Mix

Creates a posterized effect, blending with harsh color contrasts (only 8 possible colors result). Reduces colors to primary tones (red, green, blue, etc.).

Original Image
Solid Color Image
Blended Image
Blended Image

Comparative Group

Blend Modes: Difference, Exclusion, Subtract, Divide

These compare and invert colors between layers. They create differences in color and can be used for aligning layers (e.g., for photo stacking or panoramas), comparing two layers to see the difference, or for creating surreal, inverted color effects. .

Difference

Subtracts the blend color from the base color or vice versa, creating inverted colors.

Original Image
Solid Color Image
Blended Image
Blended Image

Exclusion

Similar to Difference, but with softer results, creating an effect of lowered contrast and more muted colors.

Original Image
Solid Color Image
Blended Image
Blended Image

Subtract

Subtracts the blend color from the base color, creating darker results.

Original Image
Solid Color Image
Blended Image
Blended Image

Divide

Divides the base color by the blend color, often creating bright, washed-out effects.

Original Image
Solid Color Image
Blended Image
Blended Image

Component, or Composite Group

Blend Modes: Hue, Saturation, Color, Luminosity

Changes color quality, using a combination of white and primary colors (red, green, blue).

Hue

Applies the hue of the blend color while keeping the luminance and saturation of the base color.

Original Image
Solid Color Image
Blended Image
Blended Image

Saturation

Applies the saturation of the blend color while keeping the hue and luminance of the base color.

Original Image
Solid Color Image
Blended Image
Blended Image

Color

Applies the hue and saturation of the blend color while keeping the luminance of the base color. Great for recoloring, for example, hand coloring old black and white photos.

Original Image
Solid Color Image
Blended Image
Blended Image

Luminosity

Applies the luminance of the blend color while keeping the hue and saturation of the base color. Useful for adjusting brightness without affecting color.

Original Image
Solid Color Image
Blended Image
Blended Image



Blend Modes Where Opacity and Fill Have Different Effects

With most blend modes, adjusting opacity or fill has the same effect. However there are some blend modes that have a different effect by adjusting opacity or fill. Sometimes the differences are subtle, but sometimes adjusting Fill can have a significant impact.

Color Burn

Original Image

100% opacity & fill

Original Image

50% opacity, 100% fill

Solid Color Image

100% opacity, 50% fill


Linear Burn

Original Image

100% opacity & fill

Original Image

50% opacity, 100% fill

Solid Color Image

100% opacity, 50% fill


Color Dodge

Original Image

100% opacity & fill

Original Image

50% opacity, 100% fill

Solid Color Image

100% opacity, 50% fill


Linear Dodge (Add)

Original Image

100% opacity & fill

Original Image

50% opacity, 100% fill

Solid Color Image

100% opacity, 50% fill


Linear Light

Original Image

100% opacity & fill

Original Image

50% opacity, 100% fill

Solid Color Image

100% opacity, 50% fill


Hard Mix

Original Image

100% opacity & fill

Original Image

50% opacity, 100% fill

Solid Color Image

100% opacity, 50% fill


Difference

Original Image

100% opacity & fill

Original Image

50% opacity, 100% fill

Solid Color Image

100% opacity, 50% fill


Happy editing!


count-tool-tutorial

© 2025 Glen Smith