<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <html> <style> .reftest { width: 200px; height: 200px; background-size: 200px 200px, 100px 100px; background-repeat: no-repeat; } .blend { background-image: url(as-image/green_square.svg), linear-gradient(rgb(0,0,255), rgb(255,0,0)); background-blend-mode: difference; } </style> <div class="reftest blend"></div> </html>