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 vote189 views1 answer
How to add hover effect in emotion
CSS
0 vote188 views1 answer
Mvc dynamic css
CSS
0 vote261 views1 answer
After before effect in css
CSS
1 vote151 views1 answer
Change text color li css
CSS
0 vote167 views1 answer
Css click through element
CSS
0 vote263 views1 answer
Remove contact form 7 css
CSS
-1 vote164 views1 answer
Html flex direction
CSS
0 vote196 views1 answer
Css change scroll anchor point under navbar
CSS
15 votes212 views2 answers
How to make a div scrollable vertically
CSS
266 votes483 views2 answers
Font awesome 5 pro cdn link
CSS