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 vote114 views1 answer
Add pseudo buttons
CSS
0 vote82 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS
2 votes175 views8 answers
Bootstrap 5
CSS Bootstrap
0 vote124 views2 answers
How to take of underline from link through css
CSS
-1 vote120 views1 answer
Line break inside content css
CSS
0 vote113 views1 answer
How to make fixed position responsive
CSS
1 vote117 views2 answers
Css clearfix for floats with display table and clear both
CSS
0 vote208 views2 answers
Css comment placer un icon sur une photo
CSS
1 vote121 views3 answers
Css for bigger screen size
CSS
0 vote110 views1 answer
Css if screen size less than
CSS