cssbattle38

<div class="a">
  <div class="b"></div>
  <div class="c"></div>
</div>
<div class="d"><div>
<style>
  body {
    background:#293462;
    margin:0;
    display: flex;
    height: 100%;
  }
  .a {
    width: 50%;
  }
  .b {
    height: 66.6%;
    background: #FFF1C1;
  }
  .c {
    height: 33.3%;
    background: linear-gradient(90deg, #FE5F55 75%, #A64942 75%);
  }
  .d {
    width: 25%;
    background: #A64942;
    background: linear-gradient(180deg, #FE5F55 50%, #A64942 50% 66.6%, #293462 66.6%);
  }
</style>