A Guide To Composite Modes in DaVinci Resolve

February 16, 2024

Refresh your knowledge on blending modes: What they are, what they do, and how to utilise them as color grading tools in DaVinci Resolve.


Series

An online refresher of how composite/blending modes work

This Insight is designed to refresh your knowledge on blending modes and discuss what they are, what they do, and how to utilise them as grading tools in the Colour Tab. The article below summarises the six blend mode categories and demonstrates a wide range of blending modes as a handy reference guide. The video Insight uses the Multiply, Soft Light and Screen blend modes to balance and stylise a shot inside DaVinci Resolve’s Colour Tab.

Photoshop introduced nineteen original blend modes in 1994, becoming a staple feature in most editing and colour-grading applications, including DaVinci Resolve. A blending mode is a powerful tool that allows you to combine two layers in many different ways. When using blend modes, there is a base layer, a blend layer and the final result. The base layer is the original image. The blend layer is the new material that is blended with the base layer. The final result is the combination of the two images. The following examples will feature a landscape image as the base layer and a 10-stop grayscale generator as the blend layer.

Six major categories of blend modes combine pixels to achieve different results:


Normal Blend Mode

This blending mode is the default composite mode. This blending mode does not blend pixels, it just reveals pixels from the layer beneath. For example, placing a 10-step generator above an image and lowering the generator’s opacity to 50% reveals the image underneath uniformly.

Normal

Base Layer / Source Image
Base Layer / Source Image

Grayscale Blend Layer
Grayscale Blend Layer
Normal Composite Mode - Result
Normal Composite Mode – Result
Normal Composite Mode Setting
Normal Composite Mode Setting

Darken Blend Modes

This blending category renders a darker result. There are five different blending modes in this category:

  • Darken
  • Multiply
  • Colour Burn
  • Linear Burn
  • Darker Colour.

Darken Blend modes render a darker final result because the darker pixels on the blend layer will remain opaque, and the brighter pixels become transparent. In other words, anything on the blend layer that is white will turn invisible, and anything darker than white will have a darkening effect on the pixels below.

Multiply

Multiply is a popular blend mode from this list. Always results in a darker image. Any pixel multiplied with black, turns black. Any pixel multiplied by white is unchanged.

Multiply Composite Mode - Result
Multiply Composite Mode – Result
Multiply Composite Mode Setting
Multiply Composite Mode Setting

Darken

Darken and Darken Colour blend modes render an interesting effect, but one that I have never found a use for. Rather than blending pixels like Multiply, Darken and Darken Colour choose pixels from either the base or blend layer, which renders solid greys and blacks from the 10-step generator within the darker range.

Darken Composite Mode - Result
Darken Composite Mode – Result
Darken Composite Mode Setting
Darken Composite Mode Setting

Color Burn

Colour Burn and Linear Burn render a darker, higher contrast, and higher saturation result than Multiply. I think of these two blend modes as Multiply’s intense older siblings, who pack a real punch.

Color Burn Composite Mode - Result
Color Burn Composite Mode – Result
Color Burn Composite Mode Setting
Color Burn Composite Mode Setting

Lighten Category

This blending category will render a brighter result. There are five different blending modes in this category:

  • Lighten (opposite of Darken)
  • Screen (opposite of Multiply)
  • Colour Dodge (opposite of Colour Burn)
  • Linear Dodge (opposite of Linear Burn)
  • Lighten Colour (opposite of Darker Colour).

Blend modes from this list render a brighter final result because the brighter pixels on the blend layer will remain opaque, and the darker pixels will become transparent. In other words, anything on the blend layer that is black will turn invisible and anything that is lighter than black will have a brightening effect on the pixels below. Screen is a popular blending mode from this list, and it is commonly used to composite graphic or visual effects elements with a black background when no alpha channel is present.

Screen

Screen Composite Mode - Result
Screen Composite Mode – Result
Screen Composite Mode Setting
Screen Composite Mode Setting

Lighten and Lighten Colour

These render an interesting effect, just like Darken and Darken Colour. Rather than blending pixels like Screen, Lighten and Lighten Colour blending modes choose pixels from either the base or blend layer, which renders solid greys and whites from the 10-step generator within the brighter range.

Lighten Composite Mode - Result
Lighten Composite Mode – Result
Lighten Composite Mode Setting
Lighten Composite Mode Setting

Colour Dodge and Linear Dodge 

Both render a brighter result than Screen. Like the Darken categories, I think of Colour Dodge and Linear Dodge as Screen’s intense older siblings!

Linear Dodge
Linear Dodge Composite Mode - Result
Linear Dodge Composite Mode – Result
Linear Dodge Composite Mode Setting
Linear Dodge Composite Mode Setting

Contrast Category

This blending category will render a higher contrast result. There are seven different blending modes in this category:

  • Overlay
  • Soft Light
  • Hard Light
  • Vivid Light
  • Linear Light
  • Pin Light
  • Hard Mix.

Blend modes from this list render a higher contrast result because pixels darker than 50% grey apply a darkening blend mode, whereas pixels brighter than 50% grey apply a brightening blending mode. 50% grey turns transparent, except the hard mix blending mode.

Overlay

Overlay is a popular blend mode combining multiply and screen at half strength. Values lighter than middle grey will apply the Screen blending mode at half strength, while values darker than 50% will apply Multiply at half strength. Values at 50% grey will appear transparent.

Overlay Composite Mode - Result
Overlay Composite Mode – Result
Overlay Composite Mode Setting
Overlay Composite Mode Setting

Soft Light

This subtle variant of the Overlay blend mode operates similarly to Overlay – at a reduced strength.

Softlight Composite Mode - Result
Softlight Composite Mode – Result
Softlight Composite Mode Setting
Softlight Composite Mode Setting

Hard Light 

Combines Multiply and Screen blending modes using brightness values from the blend layer to make its calculations. Black and white in the blend layer appear as black and white in the final result.

Hardlight Composite Mode - Result
Hardlight Composite Mode – Result
Hardlight Composite Mode Setting
Hardlight Composite Mode Setting

Vivid Light 

This Composite Mode can be considered an extreme version of Overlay, heavily darkening and brightening the image and should be used cautiously.

Vivid Light Composite Mode - Result
Vivid Light Composite Mode – Result
Vivid Light Composite Mode Setting
Vivid Light Composite Mode Setting

Linear Light 

Linear Light is a combination of Linear Dodge and Linear Burn to darken and brighten the image heavily and should again be used cautiously.

Linear Light Composite Mode - Result
Linear Light Composite Mode – Result
Linear Light Composite Mode Setting
Linear Light Composite Mode Setting

Pin Light 

This composite mode is a combination of Darken and Lighten blend modes. It chooses pixels from either the base or the blend layer, which renders solid greys and blacks for values darker than 50% grey and renders solid greys and whites for values brighter than 50% grey.

Pin Light Composite Mode - Result
Pin Light Composite Mode – Result
Pin Light Composite Mode Setting
Pin Light Composite Mode Setting

Hard Mix 

Hard Mix adds the blended image’s red, green, and blue channel values to the base image’s RGB values. If the resulting sum for a channel is 255 or greater, it receives a value of 255; if less than 255, a value of 0. Therefore, all blended pixels have red, green, and blue channel values of either 0 or 255. This changes all pixels to primary additive colours (red, green, or blue), white, or black. (Hard Mix description taken directly from https://helpx.adobe.com/nz/photoshop/using/blending-modes.html)

Hard Mix Composite Mode - Final Result
Hard Mix Composite Mode – Final Result
Hard Mix Composite Mode Setting
Composite Settings

Inversion Category

This blending category blends images based on the difference between the two images and can provide various interesting results. This category has four different blending modes:

  • Difference
  • Exclusion
  • Subtract
  • Divide.

Difference 

Difference compares the base and blend images and subtracts the greater colour value. This causes bright values to invert the final result, whereas darker values create practically no change. If you Difference an image against itself, the result is a pure black screen

This functionality is useful in the online suite, specifically when conforming a sequence. Difference an offline reference file against the full-quality timeline should result in a black image. Any scale, transform, or editorial differences will become clear, as differences will lighten the result.

Difference Composite Mode - Final Result
Difference Composite Mode – Final Result
Difference Composite Mode Setting
Composite Setting

Exclusion

This is a very similar blend mode to Difference, with a critical difference. Bright values invert, and darker values do very little, like Difference, but using Exclusion will render 50% grey as 50% grey.

Exclusion Composite Mode - Final Result
Exclusion Composite Mode – Final Result
Exclusion Composite Mode Setting
Exclusion Composite Mode Setting

Subtract 

As the name suggests, Subtract subtracts pixel values from the base layer, rendering a darker final result when blending brighter pixels.

Subtract Composite Mode - Final Result
Subtract Composite Mode – Final Result
Subtract Composite Mode Setting
Subtract Composite Mode Setting

Divide 

Dividing the blend layer from the base layer creates an opposite result compared to the Subtract composite mode. It renders a brighter final result when blending darker pixels.

Divide Composite Mode - Final Result
Divide Composite Mode – Final Result
Divide Composite Mode Setting
Divide Composite Mode Setting

Component Category

This blending category blends commonly used parameters to provide the final result. This category has four different blending modes:

  • Hue
  • Saturation
  • Colour
  • Luminosity

Hue preserves the base layer’s luminance and saturation and blends the blend layer’s hue across to the final result. Hue is the only parameter that is changed.

Color Bars Blend Layer
Color Bars Blend Layer
Hue Composite Mode - Final Result
Hue Composite Mode – Final Result
Hue Composite Mode Setting
Hue Composite Mode Setting

Saturation 

Preserve the base layer’s hue and luminance and blend the blend layer’s saturation to the final result. Saturation is the only parameter that is changed. If we had applied the 10-step grayscale generator, the absence of saturation would have rendered a grayscale image (as in the example below where the pure white and black bars return a desaturated image).

Saturation Composite Mode - Final Result
Saturation Composite Mode – Final Result
Saturation Composite Mode Settings
Saturation Composite Mode Settings

Color 

The Color composite mode preserves the base layer’s luminosity and blends the blend layer’s hue and saturation across to the final result. As per the Saturation blend mode, if we had applied the 10-step grayscale generator, it would have rendered a grayscale image.

Color Composite Mode - Final Result
Color Composite Mode – Final Result
Color Composite Mode Setting
Color Composite Mode Setting

Luminosity 

Preserve the base layer’s hue and saturation and blend the blend layer’s luminosity across to the final result.

Grayscale Blend Layer
Grayscale Blend Layer
Luminosity Composite Mode - Final Result
Luminosity Composite Mode – Final Result
Luminosity Composite Mode Setting
Luminosity Composite Mode Setting

Key takeaways from this Insight

By the end of this Insight, you should understand how to:

  • Confidently interpret different blending modes and use them to explore different blending techniques.
  • Change a Serial Node’s composite mode to create adjustments based on the image source
  • Decrease exposure using the blend mode: Multiply
  • Increase contrast using the blend mode: Soft Light
  • Add a soft glow using the blend mode: Screen

External Links

Related Mixing Light Insights

Questions or Comments? Leave a comment!

How do you use Composite Modes in Davinci Resolve? Let us know! Mixing Light is all about community discussions, and we’re curious if you found this helpful, if you have something to add, or if you need more questions answered.

– Luke

[/ML_Member_Content]

Member Content

Sorry... the rest of this content is for members only. You'll need to login or Join Now to continue (your career will thank you!).

Need more information about our memberships? Click to learn more.

Membership options
Member Login

Are you using our app? For the best experience, please login using the app's launch screen


Is your career calling out for help?

Answer the call with a Mixing Light Membership. Gain client-tested tips, workflows, and add new skillsets from our pro Contributors!


JOIN NOW! You don't have to do this alone!
Loading...