Depth Perception

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="512"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#a93aff" />
        <stop offset="1" stop-color="#ff81ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="391"
        y2="68.075"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffbef9" />
        <stop offset="1" stop-color="#fff1ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="m503.709 362.582-121-60a15.019 15.019 0 0 0-13.418 0L256 359.228l-113.291-56.646a15.019 15.019 0 0 0-13.418 0l-121 60C3.223 365.131 0 370.316 0 376s3.223 10.869 8.291 13.418l241 121C251.4 511.473 253.715 512 256 512s4.6-.527 6.709-1.582l241-121C508.777 386.869 512 381.684 512 376s-3.223-10.869-8.291-13.418zM8.401 149.5 102.4 196l117.001 103.5h73.198L409.6 196l93.999-46.5C508.7 146.8 512 141.7 512 136s-3.3-10.8-8.401-13.5l-241-120.924c-4.199-2.1-8.999-2.1-13.198 0L8.401 122.5C3.3 125.2 0 130.3 0 136s3.3 10.8 8.401 13.5z"
    />
    <path
        fill="url(#b)"
        d="M503.599 242.5 409.6 196l-147.001 73.5c-2.098.899-4.199 1.5-6.599 1.5s-4.501-.601-6.599-1.5L102.4 196 8.401 242.5C3.3 245.2 0 250.3 0 256s3.3 10.8 8.401 13.5l241 120c2.098.899 4.199 1.5 6.599 1.5s4.501-.601 6.599-1.5l241-120C508.7 266.8 512 261.7 512 256s-3.3-10.8-8.401-13.5zm-360.128-93.082 105.82 52.925c2.109 1.055 4.424 1.582 6.709 1.582s4.6-.527 6.709-1.582l105.82-52.925c5.068-2.549 8.291-7.734 8.291-13.418s-3.223-10.869-8.291-13.418l-105.82-52.925a15.019 15.019 0 0 0-13.418 0l-105.82 52.925c-5.068 2.549-8.291 7.734-8.291 13.418s3.222 10.869 8.291 13.418z"
    />
</svg>