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

6 votes335 views3 answers
.row bootstrap
CSS Bootstrap
0 vote362 views1 answer
Angular set encapsulated body to full height
CSS
1 vote364 views1 answer
Out transition does not ease
CSS
0 vote308 views2 answers
Html5 vs css3
CSS
0 vote310 views1 answer
Fullcalendar react
CSS
6 votes349 views1 answer
How to change hyperlink color in css
CSS
6 votes328 views5 answers
Flutter print
CSS
1 vote312 views3 answers
How to start css
CSS
0 vote329 views1 answer
Responsive card css
CSS
1 vote310 views2 answers
Text overflow break line
CSS