#C7CBCF - #DBE5FF | 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 #C7CBCF to #DBE5FF

#C7CBCF #DBE5FF

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

#C7CBCF - #DBE5FF | 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 #C7CBCF as 0% and #DBE5FF as 100%.

0.0%	0.0% #C7CBCF	RGB 199 203 207	#C7CBCF
16.7%	16.7% #CACFD7	RGB 202 207 215	#CACFD7
33.3%	33.3% #CDD3DF	RGB 205 211 223	#CDD3DF
50.0%	50.0% #D1D8E7	RGB 209 216 231	#D1D8E7
66.7%	66.7% #D4DCEF	RGB 212 220 239	#D4DCEF
83.3%	83.3% #D7E0F7	RGB 215 224 247	#D7E0F7
100.0%	100.0% #DBE5FF	RGB 219 229 255	#DBE5FF

#C7CBCF #CACFD7 #CDD3DF #D1D8E7 #D4DCEF #D7E0F7 #DBE5FF

#C7CBCF - #DBE5FF

HSV Blend

#C7CBCF - #DBE5FF | 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 #C7CBCF as 0% and #DBE5FF as 100%.

0.0%	0.0% #C7CBCF	RGB 199 203 207	#C7CBCF
16.7%	16.7% #CBD0D7	RGB 203 208 215	#CBD0D7
33.3%	33.3% #CED5DF	RGB 206 213 223	#CED5DF
50.0%	50.0% #D2DAE7	RGB 210 218 231	#D2DAE7
66.7%	66.7% #D5DEEF	RGB 213 222 239	#D5DEEF
83.3%	83.3% #D8E1F7	RGB 216 225 247	#D8E1F7
100.0%	100.0% #DBE5FF	RGB 219 229 255	#DBE5FF

#C7CBCF #CBD0D7 #CED5DF #D2DAE7 #D5DEEF #D8E1F7 #DBE5FF

#C7CBCF - #D2DAE7 - #DBE5FF

CSS codes

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

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