Хотел отрисовать её с помощью ксс Вот что получилось https://jsfiddle.net/4so5mf1t/
<div class="figure">
</div>
.figure{
width:500px;
height:50px;
background: linear-gradient(-185deg, #75a4c0 50%, #d6e4ec 51%);
}
Но как можно модернизировать, что бы была белая полоса между бгшками?