About Blendy

Blendy is a tool to play around with background blend modes. You can preview blend modes, change colors and even apply gradients. Images can be uploaded from Unsplash, your computer or if you just want to see what Blendy does quickly, simply load a random image

What are Background Blend Modes?

background-blend-mode is a CSS property that defines the blending between the element’s background image and its background color. Since gradients can be a part of background images, they can also be blended. There are over 16 values for background-blend-mode.

If you are curious to learn more about blend modes, visit MDN or this article by CSS-Tricks.

background-color: #145671;
background-blend-mode: overlay;