#C0ECEB - #4FC4C4 | 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 #C0ECEB to #4FC4C4

#C0ECEB #4FC4C4

Calculate the color between two colors, #C0ECEB and #4FC4C4. 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)

#C0ECEB - #4FC4C4 | 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 #C0ECEB as 0% and #4FC4C4 as 100%.

0.0%	0.0% #C0ECEB	RGB 192 236 235	#C0ECEB
16.7%	16.7% #ADE5E4	RGB 173 229 228	#ADE5E4
33.3%	33.3% #9ADEDE	RGB 154 222 222	#9ADEDE
50.0%	50.0% #87D8D7	RGB 135 216 215	#87D8D7
66.7%	66.7% #74D1D1	RGB 116 209 209	#74D1D1
83.3%	83.3% #61CACA	RGB 97 202 202	#61CACA
100.0%	100.0% #4FC4C4	RGB 79 196 196	#4FC4C4

#C0ECEB #ADE5E4 #9ADEDE #87D8D7 #74D1D1 #61CACA #4FC4C4

#C0ECEB - #4FC4C4

HSV Blend

#C0ECEB - #4FC4C4 | 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 #C0ECEB as 0% and #4FC4C4 as 100%.

0.0%	0.0% #C0ECEB	RGB 192 236 235	#C0ECEB
16.7%	16.7% #AAE5E4	RGB 170 229 228	#AAE5E4
33.3%	33.3% #96DEDD	RGB 150 222 221	#96DEDD
50.0%	50.0% #83D8D7	RGB 131 216 215	#83D8D7
66.7%	66.7% #71D1D0	RGB 113 209 208	#71D1D0
83.3%	83.3% #5FCACA	RGB 95 202 202	#5FCACA
100.0%	100.0% #4FC4C4	RGB 79 196 196	#4FC4C4

#C0ECEB #AAE5E4 #96DEDD #83D8D7 #71D1D0 #5FCACA #4FC4C4

#C0ECEB - #83D8D7 - #4FC4C4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0ECEB 0%, #83D8D7 50%, #4FC4C4 100%);
    background: -webkit-linear-gradient(top, #C0ECEB 0%, #83D8D7 50%, #4FC4C4 100%);
    background: linear-gradient(to bottom, #C0ECEB 0%, #83D8D7 50%, #4FC4C4 100%);
}
</style>