<svg xmlns="http://www.w3.org/2000/svg">

<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
         x="0%" y="0%" width="100%" height="100%">
  <feFlood flood-color="#ff0000" result="flood"/>
  <feBlend mode="normal" in="SourceGraphic" in2="flood" x="10%" y="10%" width="80%" height="80%"/>
</filter>
<rect x="0" y="0" width="100" height="100" fill="#00ff00" filter="url(#f1)"/>

<filter id="f2" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
         x="0%" y="0%" width="100%" height="100%">
  <feFlood flood-color="#ff0000" result="flood"/>
  <feBlend mode="multiply" in="SourceGraphic" in2="flood" x="10%" y="10%" width="80%" height="80%"/>
</filter>
<rect x="100" y="0" width="100" height="100" fill="#00ff00" filter="url(#f2)"/>

<filter id="f3" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
         x="0%" y="0%" width="100%" height="100%">
  <feFlood flood-color="#ff0000" result="flood"/>
  <feBlend mode="screen" in="SourceGraphic" in2="flood" x="10%" y="10%" width="80%" height="80%"/>
</filter>
<rect x="200" y="0" width="100" height="100" fill="#00ff00" filter="url(#f3)"/>

<filter id="f4" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
         x="0%" y="0%" width="100%" height="100%">
  <feFlood flood-color="#ff0000" result="flood"/>
  <feBlend mode="darken" in="SourceGraphic" in2="flood" x="10%" y="10%" width="80%" height="80%"/>
</filter>
<rect x="300" y="0" width="100" height="100" fill="#00ff00" filter="url(#f4)"/>

<filter id="f5" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
         x="0%" y="0%" width="100%" height="100%">
  <feFlood flood-color="#ff0000" result="flood"/>
  <feBlend mode="lighten" in="SourceGraphic" in2="flood" x="10%" y="10%" width="80%" height="80%"/>
</filter>
<rect x="400" y="0" width="100" height="100" fill="#00ff00" filter="url(#f5)"/>

</svg>