Eliminate seams between color swatches

I tried and I tried to eliminate all seams using entirely percentages.
Why? I’ve switched the center swatches to pixel widths to avoid
dividing odd widths by halves and quarters and the resulting 1px seams.
As a bonus, the secondary colors are now actually centered no matter
the number shown, instead of almost centered like before.