Spacing between Background

Good afternoon. I would like to know if it is possible to give a spacing between Background-repeat. That is, I'm with something like this:

Image with example

My CSS looks like this:

background-image: url(imagens/half-circle-brown.png), url(imagens/half-circle-white.png);
background-repeat:repeat-x;
background-size:12px;
background-position:0% 100%, 0% 0%;
height: 100%;

I would like to know if there is a way to put a spacing between each background-repeate, ie in each circle, in both brown and white.