#C9CACE - #D6E6FF | 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 #C9CACE to #D6E6FF

#C9CACE #D6E6FF

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

#C9CACE - #D6E6FF | 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 #C9CACE as 0% and #D6E6FF as 100%.

0.0%	0.0% #C9CACE	RGB 201 202 206	#C9CACE
16.7%	16.7% #CBCED6	RGB 203 206 214	#CBCED6
33.3%	33.3% #CDD3DE	RGB 205 211 222	#CDD3DE
50.0%	50.0% #CFD8E6	RGB 207 216 230	#CFD8E6
66.7%	66.7% #D1DCEE	RGB 209 220 238	#D1DCEE
83.3%	83.3% #D3E1F6	RGB 211 225 246	#D3E1F6
100.0%	100.0% #D6E6FF	RGB 214 230 255	#D6E6FF

#C9CACE #CBCED6 #CDD3DE #CFD8E6 #D1DCEE #D3E1F6 #D6E6FF

#C9CACE - #D6E6FF

HSV Blend

#C9CACE - #D6E6FF | 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 #C9CACE as 0% and #D6E6FF as 100%.

0.0%	0.0% #C9CACE	RGB 201 202 206	#C9CACE
16.7%	16.7% #CCCED6	RGB 204 206 214	#CCCED6
33.3%	33.3% #CED2DE	RGB 206 210 222	#CED2DE
50.0%	50.0% #D1D7E6	RGB 209 215 230	#D1D7E6
66.7%	66.7% #D3DCEE	RGB 211 220 238	#D3DCEE
83.3%	83.3% #D4E0F6	RGB 212 224 246	#D4E0F6
100.0%	100.0% #D6E6FF	RGB 214 230 255	#D6E6FF

#C9CACE #CCCED6 #CED2DE #D1D7E6 #D3DCEE #D4E0F6 #D6E6FF

#C9CACE - #D1D7E6 - #D6E6FF

CSS codes

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

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