top to bottom

turning to midpoint color between red and blue at 30%, to green at 90%

purely blue between 70% and 90%

repeated 100%/(60%-40%)=5 times

circle at center ending at farthest-corner

circle starting at center

ellipse starting at center

circle ending at closest corner

ellipse ending at farthest side

repeated 100%/(90%-70%)=5 times inward

from 0deg starting at center

starting at 80% from left 30px from top

starting at center

repeated 100%/(20%-10%)=10 times