<div class="bg"></div>
.bg{
width:300px;
height:50px;
background:#caca8c;
background-image:-webkit-gradient(
linear,50% 0,0 100%,
from(transparent),
color-stop(.5,transparent),
color-stop(.5,#d86707),
to(#d86707)
),
-webkit-gradient(
linear,50% 0,100% 100%,
from(transparent),
color-stop(.5,transparent),
color-stop(.5,#d86707),
to(#d86707)
);
background-size:20px 10px;
background-repeat:repeat-x;
background-position:0 100%;
}