Chrome CSS线性渐变错误

Question

我通过colorzilla制作了一些linear-gradient并且效果很好，但在Chrome中，白色和橙色之间的边框是“模糊”。有办法解决这个问题吗？

铬：

FF：

html,
body,
div {
  height: 100%;
  width: 100%;
  margin: 0;
}
div {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 41%, #e38a2d 41%, #e38a2d 78%, #ffffff 78%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(41%, #ffffff), color-stop(41%, #e38a2d), color-stop(78%, #e38a2d), color-stop(78%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 41%, #e38a2d 41%, #e38a2d 78%, #ffffff 78%, #ffffff 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 41%, #e38a2d 41%, #e38a2d 78%, #ffffff 78%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 41%, #e38a2d 41%, #e38a2d 78%, #ffffff 78%, #ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 41%, #e38a2d 41%, #e38a2d 78%, #ffffff 78%, #ffffff 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

<div></div>

JSFiddle