#C7C9CF - #DBE4FF | 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 #C7C9CF to #DBE4FF

#C7C9CF #DBE4FF

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

#C7C9CF - #DBE4FF | 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 #C7C9CF as 0% and #DBE4FF as 100%.

0.0%	0.0% #C7C9CF	RGB 199 201 207	#C7C9CF
16.7%	16.7% #CACDD7	RGB 202 205 215	#CACDD7
33.3%	33.3% #CDD2DF	RGB 205 210 223	#CDD2DF
50.0%	50.0% #D1D6E7	RGB 209 214 231	#D1D6E7
66.7%	66.7% #D4DBEF	RGB 212 219 239	#D4DBEF
83.3%	83.3% #D7DFF7	RGB 215 223 247	#D7DFF7
100.0%	100.0% #DBE4FF	RGB 219 228 255	#DBE4FF

#C7C9CF #CACDD7 #CDD2DF #D1D6E7 #D4DBEF #D7DFF7 #DBE4FF

#C7C9CF - #DBE4FF

HSV Blend

#C7C9CF - #DBE4FF | 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 #C7C9CF as 0% and #DBE4FF as 100%.

0.0%	0.0% #C7C9CF	RGB 199 201 207	#C7C9CF
16.7%	16.7% #CBCED7	RGB 203 206 215	#CBCED7
33.3%	33.3% #CED2DF	RGB 206 210 223	#CED2DF
50.0%	50.0% #D2D7E7	RGB 210 215 231	#D2D7E7
66.7%	66.7% #D5DBEF	RGB 213 219 239	#D5DBEF
83.3%	83.3% #D8E0F7	RGB 216 224 247	#D8E0F7
100.0%	100.0% #DBE4FF	RGB 219 228 255	#DBE4FF

#C7C9CF #CBCED7 #CED2DF #D2D7E7 #D5DBEF #D8E0F7 #DBE4FF

#C7C9CF - #D2D7E7 - #DBE4FF

CSS codes

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

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