html - How can I eliminate the bad anti-aliasing or blending on the left side of my SVG layers? -
sorry garish colors, shows bad blending combination. on left side of inner circle, there dark line blue meets red. on right half of inner circle, there not. happening in chrome, ff, , ie11. any idea why? <svg viewbox="0 0 500 500" width="500" height="500"> <circle fill="red" cx="250" cy="215" r="165"/> <circle fill="#2994ff" cx="250" cy="215" r="100"/> </svg> picture version: what think seeing not real. optical illusion caused contrast change between 2 colours. dark light , light dark. the layout of subpixels on monitor may contributing - i'm not sure on that. if create magnified version of 2 edges next 1 another, should see strong dark , light borders not there.