#C7CCC6 - #C0EBFF | 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 #C7CCC6 to #C0EBFF

#C7CCC6 #C0EBFF

Calculate the color between two colors, #C7CCC6 and #C0EBFF. 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)

#C7CCC6 - #C0EBFF | 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 #C7CCC6 as 0% and #C0EBFF as 100%.

0.0%	0.0% #C7CCC6	RGB 199 204 198	#C7CCC6
16.7%	16.7% #C5D1CF	RGB 197 209 207	#C5D1CF
33.3%	33.3% #C4D6D9	RGB 196 214 217	#C4D6D9
50.0%	50.0% #C3DBE2	RGB 195 219 226	#C3DBE2
66.7%	66.7% #C2E0EC	RGB 194 224 236	#C2E0EC
83.3%	83.3% #C1E5F5	RGB 193 229 245	#C1E5F5
100.0%	100.0% #C0EBFF	RGB 192 235 255	#C0EBFF

#C7CCC6 #C5D1CF #C4D6D9 #C3DBE2 #C2E0EC #C1E5F5 #C0EBFF

#C7CCC6 - #C0EBFF

HSV Blend

#C7CCC6 - #C0EBFF | 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 #C7CCC6 as 0% and #C0EBFF as 100%.

0.0%	0.0% #C7CCC6	RGB 199 204 198	#C7CCC6
16.7%	16.7% #C6D4C7	RGB 198 212 199	#C6D4C7
33.3%	33.3% #C6DDCD	RGB 198 221 205	#C6DDCD
50.0%	50.0% #C5E5D8	RGB 197 229 216	#C5E5D8
66.7%	66.7% #C4EEE6	RGB 196 238 230	#C4EEE6
83.3%	83.3% #C2F2F6	RGB 194 242 246	#C2F2F6
100.0%	100.0% #C0EBFF	RGB 192 235 255	#C0EBFF

#C7CCC6 #C6D4C7 #C6DDCD #C5E5D8 #C4EEE6 #C2F2F6 #C0EBFF

#C7CCC6 - #C5E5D8 - #C0EBFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7CCC6 0%, #C5E5D8 50%, #C0EBFF 100%);
    background: -webkit-linear-gradient(top, #C7CCC6 0%, #C5E5D8 50%, #C0EBFF 100%);
    background: linear-gradient(to bottom, #C7CCC6 0%, #C5E5D8 50%, #C0EBFF 100%);
}
</style>