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

2 votes215 views3 answers
Css media screen
CSS
0 vote233 views1 answer
Hide first of type elements using css , how to hide elements using css
CSS
0 vote212 views2 answers
Get all tables laravel
CSS
1 vote210 views1 answer
Faire un fond fade to transparent css
CSS
7 votes216 views4 answers
How hide in html
CSS
0 vote215 views1 answer
Hide title wordpress
CSS
0 vote204 views1 answer
What is integrity cdn
CSS
35 votes255 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
17 votes166 views1 answer
Have you used flexbox & css grid before? what are the differences between them? interview
CSS
7 votes218 views2 answers
Text align justify
CSS