#C0EFE8 - #52C8C0 | 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 #C0EFE8 to #52C8C0

#C0EFE8 #52C8C0

Calculate the color between two colors, #C0EFE8 and #52C8C0. 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)

#C0EFE8 - #52C8C0 | 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 #C0EFE8 as 0% and #52C8C0 as 100%.

0.0%	0.0% #C0EFE8	RGB 192 239 232	#C0EFE8
16.7%	16.7% #ADE8E1	RGB 173 232 225	#ADE8E1
33.3%	33.3% #9BE2DA	RGB 155 226 218	#9BE2DA
50.0%	50.0% #89DBD4	RGB 137 219 212	#89DBD4
66.7%	66.7% #76D5CD	RGB 118 213 205	#76D5CD
83.3%	83.3% #64CEC6	RGB 100 206 198	#64CEC6
100.0%	100.0% #52C8C0	RGB 82 200 192	#52C8C0

#C0EFE8 #ADE8E1 #9BE2DA #89DBD4 #76D5CD #64CEC6 #52C8C0

#C0EFE8 - #52C8C0

HSV Blend

#C0EFE8 - #52C8C0 | 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 #C0EFE8 as 0% and #52C8C0 as 100%.

0.0%	0.0% #C0EFE8	RGB 192 239 232	#C0EFE8
16.7%	16.7% #ABE8E0	RGB 171 232 224	#ABE8E0
33.3%	33.3% #97E2D8	RGB 151 226 216	#97E2D8
50.0%	50.0% #85DBD2	RGB 133 219 210	#85DBD2
66.7%	66.7% #73D5CB	RGB 115 213 203	#73D5CB
83.3%	83.3% #62CEC5	RGB 98 206 197	#62CEC5
100.0%	100.0% #52C8C0	RGB 82 200 192	#52C8C0

#C0EFE8 #ABE8E0 #97E2D8 #85DBD2 #73D5CB #62CEC5 #52C8C0

#C0EFE8 - #85DBD2 - #52C8C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0EFE8 0%, #85DBD2 50%, #52C8C0 100%);
    background: -webkit-linear-gradient(top, #C0EFE8 0%, #85DBD2 50%, #52C8C0 100%);
    background: linear-gradient(to bottom, #C0EFE8 0%, #85DBD2 50%, #52C8C0 100%);
}
</style>