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 vote250 views2 answers
Désactiver le hotlinking de vos images
CSS
0 vote231 views1 answer
Carousel css only
CSS
48 votes259 views6 answers
Media query min and max
CSS
9 votes237 views3 answers
Css grid repeat
CSS
0 vote304 views1 answer
Ufw allow from subnet
CSS
1 vote225 views2 answers
Mobile screen size width css
CSS
0 vote220 views1 answer
Css image hover zoom and rotate
CSS
0 vote239 views1 answer
.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }
CSS
9 votes230 views1 answer
Fixed and scrollable gallery column code
CSS
0 vote216 views1 answer
How to apply css on react chartjs
CSS