#C0FBEC - #52DBC7 | 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 #C0FBEC to #52DBC7

#C0FBEC #52DBC7

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

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

0.0%	0.0% #C0FBEC	RGB 192 251 236	#C0FBEC
16.7%	16.7% #ADF5E5	RGB 173 245 229	#ADF5E5
33.3%	33.3% #9BF0DF	RGB 155 240 223	#9BF0DF
50.0%	50.0% #89EBD9	RGB 137 235 217	#89EBD9
66.7%	66.7% #76E5D3	RGB 118 229 211	#76E5D3
83.3%	83.3% #64E0CD	RGB 100 224 205	#64E0CD
100.0%	100.0% #52DBC7	RGB 82 219 199	#52DBC7

#C0FBEC #ADF5E5 #9BF0DF #89EBD9 #76E5D3 #64E0CD #52DBC7

#C0FBEC - #52DBC7

HSV Blend

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

0.0%	0.0% #C0FBEC	RGB 192 251 236	#C0FBEC
16.7%	16.7% #ABF5E4	RGB 171 245 228	#ABF5E4
33.3%	33.3% #98F0DD	RGB 152 240 221	#98F0DD
50.0%	50.0% #85EBD6	RGB 133 235 214	#85EBD6
66.7%	66.7% #73E5D0	RGB 115 229 208	#73E5D0
83.3%	83.3% #62E0CB	RGB 98 224 203	#62E0CB
100.0%	100.0% #52DBC7	RGB 82 219 199	#52DBC7

#C0FBEC #ABF5E4 #98F0DD #85EBD6 #73E5D0 #62E0CB #52DBC7

#C0FBEC - #85EBD6 - #52DBC7

CSS codes

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

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