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

1 vote251 views1 answer
Css line break width
CSS
1 vote259 views3 answers
Jquery set div height dynamically
CSS
0 vote251 views1 answer
Border collapse makes outset not work
CSS
0 vote247 views1 answer
Not the first child and not the last child css
CSS
0 vote248 views2 answers
Materialize css
CSS
0 vote247 views2 answers
Css full cover background image
CSS
3 votes238 views2 answers
Css overflow y 3 dots
CSS
0 vote279 views1 answer
Mouse hold css effect
CSS
0 vote244 views1 answer
Bootstrap put button on one line
CSS
1 vote229 views1 answer
Css round outline
CSS