Explaining CSS Blending by Example

Comments

[Nested Software]

I don't believe blend mode has been implemented for the Microsoft Edge browser yet (August 2018). It works in Chrome and Firefox, but worth keeping in mind that even in some modern browsers, some things may not yet be available. caniuse.com/#search=mix-blend-mode

[Sergiu Mureşan]

I didn't even know blending in CSS existed. Thank you! You explain really well.

I am quite curious why you said that colors in CSS are broken. You mean the hexadecimal notation?

[edA‑qa mort‑ora‑y]

I mean both the hex notation and rgb(r,g,b) notation. The natural range of color values of 0..1, but you're forced to use the encoded 0..255 values in CSS. That makes blending harder to understand.