<!DOCTYPE HTML>
<html>
<head>
<style>
    div {
        background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, linear-gradient(to right, white 0%, gray 100%), green;
        width: 200px;
        height: 200px;
        margin: 10px;
    }
</style>
<!-- Test whether default blend mode values are set for the unspecified layers in background-blend-mode. -->
</head>
<body>
    <div style="background-blend-mode: normal;"></div>
    <div style="background-blend-mode: difference;"></div>
</body>
</html>