<div class="circle"></div>
<div class="rect"></div>
<style>
body {
background: #AA445F;
display: flex;
justify-content: center;
align-items: center;
}
.circle {
width: 250px;
height: 200px;
border-radius: 200px;
background: conic-gradient(#E38F66 180deg, #F7EC7D 180deg);
}
.rect {
position: absolute;
background: #AA445F;
width: 50px;
height: 100%;
}
</style>