Все нормально получилось. Перекрывать не должно, т.к. пиксель - это квадрат, если половина квадрата закрашена, то вторая половина автоматически закрасится, а прозрачность будет размыта в соответствии с площадью распределения краски внутри пикселя.
Обратите внимание на то, чем отличается растровая графика от векторной. Если заскринить ваш svg и растянуть в виде jpg, то получится та же каша из красок.
Профессиональный совет дам, не стремитесь к абсолютному идеалу, хоть это и непреодолимая страсть (перфекционизм), но посмотрите на ситуацию с высока и под широким углом - никто не заметит особых различий с оригиналом, ваш вариант передает максимально точно идею.
