Try it Editor: Background Blend Mode 2

Edit This Code :

<!DOCTYPE html>
<html>
<head>
<style>
#myDIV { 
  width: 400px;
  height: 400px;
  background-repeat: no-repeat, repeat;
  background-image: url("http://www.dwfaisalabad.com/wp-content/uploads/2017/08/DWF.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwXjO_E4A3g4FUDRw9pOX6dkacdDd8x3Rxl10ESaudlxUjBu9KKbT8SefaOtmoryqKFe2blwTqfs_QAUVxd53WquMxoXQ18aoIBaEZAqk_Cvzr13WzwyUG6EMb5s9aBk98w8C0bGHbBmeR/s900/BG.jpg");
  background-blend-mode: multiply;
}
</style>
</head>
<body>

<div id="myDIV"></div>

<p><b>Note:</b> Edge/Internet Explorer do not support the background-blend-mode property.</p>

</body>
</html>
Result :