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 vote361 views1 answer
Css ninja
CSS
-1 vote351 views2 answers
How to use before pseudo class in css
CSS
0 vote359 views1 answer
Tint image with background color css
CSS
0 vote352 views2 answers
How to Reveal Content on Hover with Expanding Corner Tabs in Divi
CSS
21 votes364 views5 answers
Text-overflow: ellipsis 2 lines
CSS
4 votes416 views2 answers
How to set text in center in flex item
CSS
1 vote363 views1 answer
Url css
CSS
27 votes379 views6 answers
Animation properties css
CSS
4 votes387 views2 answers
Javafx change button background color
CSS
2 votes378 views2 answers
Css change image color
CSS