<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="100">
  <filter id="filter-in" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" x="0" y="0" width="1" height="1">
    <feFlood flood-color="orange" x="0" y="0" width="0.9" height="0.9" result="flood-orange"/>
    <feFlood flood-color="green" x="0.1" y="0.1" width="0.9" height="0.9" result="flood-green"/>
    <feComposite x="0.2" y="0.2" width="0.6" height="0.6" operator="in" in="flood-green" in2="flood-orange"/>
  </filter>
  <filter id="filter-atop" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" x="0" y="0" width="1" height="1">
    <feFlood flood-color="orange" x="0" y="0" width="0.8" height="0.8" result="flood-orange"/>
    <feFlood flood-color="green" x="0.2" y="0.2" width="0.8" height="0.8" result="flood-green"/>
    <feComposite x="0.2" y="0.2" width="0.8" height="0.8" operator="atop" in="flood-green" in2="flood-orange"/>
  </filter>
  <rect x=  "0" y="0" width="100" height="100" fill="red" filter="url(#filter-in)"/>
  <rect x="100" y="0" width="100" height="100" fill="red" filter="url(#filter-atop)"/>
</svg>