CSS Property:
background-blend-mode:

Result:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
CSS Code:

#myDIV {
  width: 200px;
  height: 300px;
  background-size: 200px 200px;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right,blue 0%,red 100%),url('w3css.gif');
  background-blend-mode: normal;
}
  
Click the property values above to see the result
W3Schools.com - Play it