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

9 votes242 views5 answers
Html button size
CSS
0 vote156 views1 answer
Img grows up onmouseover css
CSS
4 votes215 views3 answers
Add space between all html elements flex
CSS
64 votes198 views3 answers
How to use variables in css
CSS
0 vote207 views1 answer
Calc css float to procent
CSS
0 vote208 views2 answers
Use font awesome as content in css
CSS
0 vote205 views1 answer
Center a button wordpress
CSS
0 vote201 views1 answer
Loop Over Array of Objects and Combine them if they have similar keys
CSS
4 votes188 views3 answers
How to not underline links in css
CSS
0 vote219 views1 answer
Custom taxonomy pagination 404
CSS