How would I convert these 3 div into 1 div without using border, and only background?

HTML & CSS
1 
   <div style="width: 89px; height:24px; background-color:#00ffff; border-top-left-radius:50px;border-bottom-left-radius:50px;margin: 0;">
    </div>

    <div style="width: 88px;height:24px;background-color:#ffffff;margin: -24px 0 0 88px; ">
    </div>

    <div style="width: 89px; height:24px; background-color:#ff00ff; border-top-right-radius:50px;border-bottom-right-radius:50px; margin: -24px 0px 0 177px;">
    </div>