Почему при смене цвета фона при помощи background-image: linear-gradient не получается добиться четкой границы?

Question

[Владимир]

Я пытаюсь разделить блок на два цвета, при этом переход должен быть по косой.
бек на два цвета я делю вот таким стилем
background-image: linear-gradient(#fff 400px, #044f16 400px, #044f16 100%);
Потом добавляю треугольник бордером, вот пример
https://codepen.io/casufi/full/NRJyXE/

https://codepen.io/casufi/pen/NRJyXE

Проблема появляется в хроме на мониторе 2560 x 1440 (у кого есть шанс проверьте пожалуйста), при это очень плохо воспроизводится в отладчике адаптивной версти в хроме на том же разрешении
Проблемв в том, что переход цвета #fff 400px, #044f16 400px не получается четким, хром все равно рисует градиент в два - три пикселя и перед треугольником вылазит зеленая полоса