Not Simply Square

<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
<style>
  body {
    background: #293462;
    margin: 0;
  }
  div {
    width: 200px;
    height: 100px;
    background: linear-gradient(to right, #fe5f55 150px, #a64942 100px);
  }

  #a {
    background: #fff1c1;
    height: 200px;
  }

  #c {
    translate: 150px -250px;
    rotate: 90deg;
  }
</style>