Overlay Blend

Learn about overlay blend mode, which combines multiply and screen modes based on the base color.

Key Concepts

• Basic overlay blend mode syntax
• Understanding how overlay combines multiply and screen
• Using overlay with gradients and shapes

Technical Details

mix-blend-mode: overlay;
/* Combines multiply and screen modes */
/* Darkens if base color is dark, lightens if base color is light */