Complementary

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <radialGradient
        id="a"
        cx="351.868"
        cy="1043.96"
        r="211.111"
        gradientTransform="matrix(.931 0 0 .114 -74.264 303.054)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#b8e3ff" />
        <stop offset=".233" stop-color="#cfedff" />
        <stop offset=".496" stop-color="#e6f6ff" />
        <stop offset=".888" stop-color="#fff" />
    </radialGradient>
    <radialGradient
        id="b"
        cx="61.785"
        cy="367.214"
        r="43.427"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e0f6df" />
        <stop offset=".514" stop-color="#ddf7c5" />
        <stop offset=".56" stop-color="#daf7c0" />
        <stop offset=".976" stop-color="#c4f19b" />
    </radialGradient>
    <radialGradient
        id="c"
        cx="156.406"
        cy="324.204"
        r="99.876"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#7be700" />
        <stop offset=".512" stop-color="#72d800" />
        <stop offset=".808" stop-color="#26b847" />
        <stop offset=".976" stop-color="#00a96a" />
    </radialGradient>
    <radialGradient
        id="d"
        cx="320.731"
        cy="344.955"
        r="209.45"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#8abbd5" />
        <stop offset=".43" stop-color="#6cabca" />
        <stop offset="1" stop-color="#0681af" />
    </radialGradient>
    <radialGradient
        id="e"
        cx="85.721"
        cy="159.341"
        r="34.85"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff8b99" />
        <stop offset=".43" stop-color="#ff7383" />
        <stop offset="1" stop-color="#ff3650" />
    </radialGradient>
    <radialGradient
        id="f"
        cx="315.741"
        cy="353.361"
        r="54.693"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff6ab" />
        <stop offset=".518" stop-color="#fff485" />
        <stop offset=".833" stop-color="#ffed26" />
        <stop offset=".976" stop-color="#ffea00" />
    </radialGradient>
    <radialGradient
        id="g"
        cx="412.691"
        cy="351.103"
        r="73.16"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff044" />
        <stop offset=".449" stop-color="#ffea00" />
        <stop offset=".647" stop-color="#fbd113" />
        <stop offset=".976" stop-color="#f6ab31" />
    </radialGradient>
    <radialGradient
        id="h"
        cx="114.711"
        cy="191.895"
        r="64.791"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff546a" />
        <stop offset=".504" stop-color="#ff3650" />
        <stop offset=".657" stop-color="#e92b5a" />
        <stop offset=".942" stop-color="#c3186c" />
    </radialGradient>
    <radialGradient
        id="i"
        cx="-13.864"
        cy="145.559"
        r="269.035"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e6f6ff" />
        <stop offset=".376" stop-color="#c0dae9" />
        <stop offset=".43" stop-color="#bad6e5" />
        <stop offset="1" stop-color="#8abbd5" />
    </radialGradient>
    <radialGradient
        id="j"
        cx="492.533"
        cy="284.568"
        r="491.59"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#3692bc" />
        <stop offset=".504" stop-color="#0681af" />
        <stop offset=".976" stop-color="#0055a3" />
    </radialGradient>
    <path
        fill="url(#a)"
        d="M256 447.41c113.107 0 204.798-11.462 204.798-25.6H51.202c0 14.138 91.691 25.6 204.798 25.6z"
    />
    <path fill="url(#b)" d="M64 383.41v-51.2l51.2-12.8-12.8 64z" />
    <path fill="url(#c)" d="M51.2 306.61v25.6h51.2v51.2H128v-76.8z" />
    <path fill="url(#d)" d="m409.6 383.41-384-269.64L64 101.81l366.8 268.8z" />
    <path
        fill="url(#e)"
        d="M67.897 143.47c-6.902 10.095-17.324 17.593-29.498 20.727L51.2 178.61c4.091 1.053 21.18 0 25.6 0 17.596 0 20.319-21.677 29.535-35.196z"
    />
    <path
        fill="url(#f)"
        d="M321.716 321.699c-9.18 14.063-14.516 30.864-14.516 48.911l25.6 12.8 12.8-12.8c0-18.218 5.438-35.167 14.778-49.311z"
    />
    <path
        fill="url(#g)"
        d="M371.2 370.61c0-16.832 6.498-32.147 17.122-43.572l-20.264-15.761c-13.976 15.803-22.458 36.577-22.458 59.332 0 4.346.31 8.619.908 12.8h25.973a64.24 64.24 0 0 1-1.281-12.799z"
    />
    <path
        fill="url(#h)"
        d="M109.446 138.214C100.912 154.612 83.764 165.81 64 165.81c-4.42 0-8.709-.56-12.8-1.613v26.151A77.363 77.363 0 0 0 64 191.41c28.918 0 54.103-15.983 67.204-39.598z"
    />
    <path fill="url(#i)" d="M0 396.21V64.59h38.4l12.8 178.02-12.8 153.6z" />
    <path
        fill="url(#j)"
        d="M38.4 64.59v331.62H512zM64 370.61V113.77l366.8 256.84z"
    />
</svg>