Lighten Blend

Learn about lighten blend mode, which selects the lighter of the base and blend colors.

Key Concepts

• Basic lighten blend mode syntax
• Understanding how lighten selects maximum RGB values
• Using lighten with gradients and shapes

Technical Details

mix-blend-mode: lighten;
/* Selects the lighter of the base and blend colors */
/* Takes the maximum value for each RGB channel */