Gradient 3 colors

div {
  background:radial-gradient(to right, #c4d7e6 0, #c4d7e6 33%, #66a5ad 33%, #66a5ad 66%, #ff0000 66%, #ff0000 100%);
  width: 100%;
  height:64px;
}

Source: stackoverflow.com

Similar codes

0 vote376 views1 answer
How to center a text input in css
CSS
15 votes352 views2 answers
Linear-gradient
CSS
0 vote323 views1 answer
Transform translate-x ie11
CSS
4 votes349 views1 answer
Html make footer stick to bottom
CSS
0 vote335 views1 answer
Css change scroll anchor point under navbar
CSS
2 votes373 views2 answers
How to center a inline block element
CSS
0 vote355 views1 answer
Css ovel
CSS
0 vote337 views1 answer
Laravel css image url
CSS
0 vote360 views1 answer
3d rotating text css
CSS
10 votes325 views2 answers
Css how to change font colr
CSS