Css gradient 3 color

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 vote327 views1 answer
The basic - and minimal - structure of an email template looks like this:
CSS
12 votes282 views5 answers
Responsive font-size
CSS
0 vote391 views1 answer
Bootstrap 4 input error
CSS Bootstrap
43 votes322 views4 answers
Scale css
CSS
9 votes309 views3 answers
Grid repeat css
CSS
0 vote298 views1 answer
How to center a list in html
CSS
4 votes337 views3 answers
Css print
CSS
0 vote305 views1 answer
Operador css contain attr
CSS
2 votes295 views2 answers
Why is my footer not at the bottom html
CSS
23 votes308 views4 answers
Css gradient border
CSS