Give multiple colors to a button using css

Question

I Want to color a button just like this. Is there any way i can do this by using css?

Button should look like this

Answer 1

You can use a linear gradient.

JSFiddle

button {
  height: 50px;
  width: 100px;
  background: linear-gradient(-60deg, red 50%, yellow 50%);
}

<button></button>