Black 1px Line Between Two Elements

Is it possible to remove this vertical line between two colored elements(red and green). Whats wrong with my code? or its color shadow or what i dont understand

Solution 1:

The line is black because computers are "lazy" and combine colors by mediating the color value like C = (C1+C2)/2 when it should be C = ((sqr(C1) + sqrt(C2)/2)/2)^2. You understand why they are "lazy".

Watch this youtube video for more details. https://www.youtube.com/watch?v=LKnqECcg6Gw

And they combine because the browser pixels don't fit to your screens pixels.. at some point someone does some color combination.

Solution 2:

33.3% x 3 = 99.9% I agree with the previous comments, set 33.4% one of them.