Articles on: The editor

Blendmode

Blendmode mixes an element's colours with the content behind it on the page. For example, Multiply darkens the result and Screen lightens it. You set Blendmode per element in the Effects tab of the right panel, under Effect.


Adding and removing Blendmode


To add Blendmode to an element:


  1. Select one element on the canvas.
  2. In the right panel, open the Effects tab (the lightning bolt icon).
  3. Make sure the Effect tab is selected, not Hover effect.
  4. Click the + next to Blendmode.
  5. Open the dropdown and choose a blend mode. Darken is selected by default.


Effect panel


To remove Blendmode from an element, select the element and click the - next to Blendmode in the Effects tab.


Elements that support Blendmode


Most elements can get a blend mode. Blendmode is not available in these cases, because the Effects tab is not available:


  • More than one element is selected.
  • No element is selected.
  • The element is a chart or a form.
  • The element is used as a mask (an image or vector set to Use as mask).
  • The element is one of some 3D elements.


Setting Blendmode for mobile


A blend mode you set in the desktop layout also applies in the mobile layout. To use a different blend mode on mobile, switch the editor to the mobile layout and change or remove Blendmode there. If you changed Blendmode in the mobile layout, removing it in the desktop layout keeps the mobile blend mode.


Available blend modes


The Blendmode dropdown offers 16 blend modes:


  • Darken
  • Multiply
  • Color-burn
  • Lighten
  • Screen
  • Color-dodge
  • Overlay
  • Soft-light
  • Hard-light
  • Difference
  • Exclusion
  • Hue
  • Saturation
  • Color
  • Luminosity
  • Plus-lighter


Blendmode limitations


Blendmode may not blend with content behind a group or mask, or may look different than expected, when:


  • The element is part of a group.
  • The element is masked by another element (an element below it in the Layers panel set to Use as mask).
  • The element has a Masked move or Masked zoom animation.


For predictable results, apply Blendmode to elements that are not grouped, not masked and sit directly on the canvas.


Frequently asked questions


Why can't I find Blendmode for a chart or form?


Charts and forms have no Effects tab in the right panel, so you can't give them a blend mode. Blendmode is also unavailable when more than one element is selected.


Can I use Blendmode as a hover effect?


No. In the Effects tab of the right panel, Blendmode is only available on the Effect tab. The Hover effect tab does not offer it.

Updated on: 29/10/2026