The source's hue and saturation, with the backdrop's brightness.
Darkens the backdrop to reflect the source.
Brightens the backdrop to reflect the source.
Keeps whichever colour is darker, channel by channel.
The absolute difference between the two colours.
BlendMode.Difference with less contrast.
BlendMode.Overlay with the roles reversed — the source decides.
The source's hue, with the backdrop's saturation and brightness.
Keeps whichever colour is lighter, channel by channel.
The source's brightness, with the backdrop's hue and saturation.
Multiply the two colours: the result is never lighter than either. Darkens.
Paint over what is behind, ignoring it. The default.
BlendMode.Multiply on dark backdrops, BlendMode.Screen on light ones.
The source's saturation, with the backdrop's hue and brightness.
The inverse of BlendMode.Multiply: never darker than either. Lightens.
A gentler BlendMode.HardLight, like shining a diffused light on the backdrop.
How a node's pixels are combined with what is already painted behind them.
CSS
mix-blend-mode. The values are the CSS keywords, so they can be handed to a canvas context unchanged.