CSS3의 방사형 그라데이션 가장자리 색상 중지 최종 색상과 일치하지 않는 모든 주위

다음 HTML을 감안할 때

:CSS3의 방사형 그라데이션 가장자리 색상 중지 최종 색상과 일치하지 않는 모든 주위

<body><div class="container"></div></body>

및 CSS : 방사형 그라데이션의

body { 
    background-color: #e9f9e9; 
} 

.container { 
    height: 200px; 
    width: 200px; 
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #fcfffc), color-stop(100%, #e9f9e9)); 
    background: -webkit-radial-gradient(#fcfffc, #e9f9e9); 
    background: -moz-radial-gradient(#fcfffc, #e9f9e9); 
    background: -o-radial-gradient(#fcfffc, #e9f9e9); 
    background: -ms-radial-gradient(#fcfffc, #e9f9e9); 
    background: radial-gradient(#fcfffc, #e9f9e9); 
}

가장자리 최종 일치하지 않습니다 따라서 색상 요소가 포함 된 요소의 배경색 (그래디언트의 최종 색상 정지와 동일)과 일치하지 않으므로 <div> 가장자리에서 색상이 갑자기 변경됩니다. 어떻게 피할 수 있습니까? Screenshot with adjusted contrast & saturation to make the problem obvious