<style>
.box { position: relative; width: 100px; height:100px; }
a { display: block; position: relative; width: 100px; height:100px; background-color: green; }
.background { background-color: green; }
.multiply { mix-blend-mode: multiply; }
</style>
<div>
    <div class="box background">
        <a class="multiply"></a>
    </div>
    <div class="box background">
        <a class="multiply"></a>
    </div>
    <div class="box background">
        <a class="multiply"></a>
    </div>
    <div class="box background">
        <a class="multiply"></a>
    </div>
    <div class="box background">
        <a class="multiply"></a>
    </div>
    <div class="box background">
        <a class="multiply"></a>
    </div>
</div>
