<style>
.esempio {
width: 300px;
height: 300px;
margin: 20px auto;
background-image:
linear-gradient(rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0.5)),
url('Algoritmo.jpg/00ff00/000000?text=Verde'),
url('Algoritmo.jpg/0000ff/ffffff?text=Azzurro');
background-position: center;
background-repeat: no-repeat;
background-size: cover, contain, cover;
background-blend-mode: multiply, screen, overlay;
}
</style>
</head>
<body>
<div class="esempio"></div>