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 vote375 views2 answers
Setting multiple styles in javascript
CSS
0 vote309 views1 answer
Call circle icon in html css
CSS
16 votes350 views1 answer
Rgb purple color
CSS
0 vote310 views1 answer
Css ripple effect
CSS
0 vote338 views1 answer
How to use css transform matrix
CSS
-1 vote337 views2 answers
Css clip-path
CSS
0 vote314 views1 answer
Css transition cross browser
CSS
0 vote344 views3 answers
Static backdrop
CSS
0 vote363 views1 answer
Float pb
CSS
59 votes301 views6 answers
Node Sass version 5.0.0 is incompatible with ^4.0.0.
CSS