#CBCAC7 - #C9F0FF | 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 #CBCAC7 to #C9F0FF

#CBCAC7 #C9F0FF

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

#CBCAC7 - #C9F0FF | 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 #CBCAC7 as 0% and #C9F0FF as 100%.

0.0%	0.0% #CBCAC7	RGB 203 202 199	#CBCAC7
16.7%	16.7% #CAD0D0	RGB 202 208 208	#CAD0D0
33.3%	33.3% #CAD6D9	RGB 202 214 217	#CAD6D9
50.0%	50.0% #CADDE3	RGB 202 221 227	#CADDE3
66.7%	66.7% #C9E3EC	RGB 201 227 236	#C9E3EC
83.3%	83.3% #C9E9F5	RGB 201 233 245	#C9E9F5
100.0%	100.0% #C9F0FF	RGB 201 240 255	#C9F0FF

#CBCAC7 #CAD0D0 #CAD6D9 #CADDE3 #C9E3EC #C9E9F5 #C9F0FF

#CBCAC7 - #C9F0FF

HSV Blend

#CBCAC7 - #C9F0FF | 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 #CBCAC7 as 0% and #C9F0FF as 100%.

0.0%	0.0% #CBCAC7	RGB 203 202 199	#CBCAC7
16.7%	16.7% #D1D3C8	RGB 209 211 200	#D1D3C8
33.3%	33.3% #D1DCC9	RGB 209 220 201	#D1DCC9
50.0%	50.0% #CAE5CA	RGB 202 229 202	#CAE5CA
66.7%	66.7% #CAEDD9	RGB 202 237 217	#CAEDD9
83.3%	83.3% #CAF6EF	RGB 202 246 239	#CAF6EF
100.0%	100.0% #C9F0FF	RGB 201 240 255	#C9F0FF

#CBCAC7 #D1D3C8 #D1DCC9 #CAE5CA #CAEDD9 #CAF6EF #C9F0FF

#CBCAC7 - #CAE5CA - #C9F0FF

CSS codes

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

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