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

2 votes118 views1 answer
Css scrollbar thumb height
CSS
1 vote179 views1 answer
How to set the first column of the table in center in css
CSS
0 vote158 views2 answers
Bootstrap 5 container
CSS
0 vote152 views1 answer
How to manage overflowing text in button
CSS
0 vote160 views1 answer
Powershell convertto-html css
CSS
0 vote305 views1 answer
Backface-visibility: hidden;
CSS
1 vote165 views1 answer
Css import google font not working
CSS
0 vote151 views1 answer
Laravel asset css not found
CSS
4 votes169 views2 answers
Css blink
CSS
29 votes197 views1 answer
Boxsahdow
CSS