#4C92BA - #BFD1CE | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #4C92BA to #BFD1CE

#4C92BA #BFD1CE

Calculate the color between two colors, #4C92BA and #BFD1CE. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#4C92BA - #BFD1CE | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #4C92BA as 0% and #BFD1CE as 100%.

0.0%	0.0% #4C92BA	RGB 76 146 186	#4C92BA
16.7%	16.7% #5F9CBD	RGB 95 156 189	#5F9CBD
33.3%	33.3% #72A7C0	RGB 114 167 192	#72A7C0
50.0%	50.0% #85B1C4	RGB 133 177 196	#85B1C4
66.7%	66.7% #98BCC7	RGB 152 188 199	#98BCC7
83.3%	83.3% #ABC6CA	RGB 171 198 202	#ABC6CA
100.0%	100.0% #BFD1CE	RGB 191 209 206	#BFD1CE

#4C92BA #5F9CBD #72A7C0 #85B1C4 #98BCC7 #ABC6CA #BFD1CE

#4C92BA - #BFD1CE

HSV Blend

#4C92BA - #BFD1CE | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #4C92BA as 0% and #BFD1CE as 100%.

0.0%	0.0% #4C92BA	RGB 76 146 186	#4C92BA
16.7%	16.7% #5DA3BD	RGB 93 163 189	#5DA3BD
33.3%	33.3% #6FB2C1	RGB 111 178 193	#6FB2C1
50.0%	50.0% #82BEC5	RGB 130 190 197	#82BEC5
66.7%	66.7% #96C8C9	RGB 150 200 201	#96C8C9
83.3%	83.3% #AACDCA	RGB 170 205 202	#AACDCA
100.0%	100.0% #BFD1CE	RGB 191 209 206	#BFD1CE

#4C92BA #5DA3BD #6FB2C1 #82BEC5 #96C8C9 #AACDCA #BFD1CE

#4C92BA - #82BEC5 - #BFD1CE

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #4C92BA 0%, #BFD1CE 100%);
    background: -webkit-linear-gradient(top, #4C92BA 0%, #BFD1CE 100%);
    background: linear-gradient(to bottom, #4C92BA 0%, #BFD1CE 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C92BA 0%, #82BEC5 50%, #BFD1CE 100%);
    background: -webkit-linear-gradient(top, #4C92BA 0%, #82BEC5 50%, #BFD1CE 100%);
    background: linear-gradient(to bottom, #4C92BA 0%, #82BEC5 50%, #BFD1CE 100%);
}
</style>