CSS background-blend-mode Property - Playground Example

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div {
   width: 300px;
   height: 226px;
   background-image: url('images/sunset.jpg');
   background-color: green;
   display: inline-block;
   margin: 10px;
}
.test {
   background-blend-mode: difference;
}
</style>
</head>
<body>
<div></div>
<div class="test"></div>
</body>
</html>