BUG! Left here in the hope that he will attract attention and possibly fix.
The problem is that chrome does (I checked!) The first half of the gradient is less than the second. My code is:
background: linear-gradient(to left, #ffffff 50%, #f5f5f5 50%) fixed;
Also tried:
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff3236), color-stop(50%,#ff3236), color-stop(50%,#000000), color-stop(100%,#000000)); background: linear-gradient(to left, #f5f5f5 0%,#f5f5f5 50%,#ffffff 50%,#ffffff 100%);
Change / update: this is actually a mistake - updates for clarity (the top 2 blocks are a div, each 50% of the screen width is the bottom separated by a gradient): 1) Visual representation of the error: 
2) Thanx to @elstgav to host a Codepen Test
source share