#C8C7C9 - #D0D9FF | 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 #C8C7C9 to #D0D9FF

#C8C7C9 #D0D9FF

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

#C8C7C9 - #D0D9FF | 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 #C8C7C9 as 0% and #D0D9FF as 100%.

0.0%	0.0% #C8C7C9	RGB 200 199 201	#C8C7C9
16.7%	16.7% #C9CAD2	RGB 201 202 210	#C9CAD2
33.3%	33.3% #CACDDB	RGB 202 205 219	#CACDDB
50.0%	50.0% #CCD0E4	RGB 204 208 228	#CCD0E4
66.7%	66.7% #CDD3ED	RGB 205 211 237	#CDD3ED
83.3%	83.3% #CED6F6	RGB 206 214 246	#CED6F6
100.0%	100.0% #D0D9FF	RGB 208 217 255	#D0D9FF

#C8C7C9 #C9CAD2 #CACDDB #CCD0E4 #CDD3ED #CED6F6 #D0D9FF

#C8C7C9 - #D0D9FF

HSV Blend

#C8C7C9 - #D0D9FF | 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 #C8C7C9 as 0% and #D0D9FF as 100%.

0.0%	0.0% #C8C7C9	RGB 200 199 201	#C8C7C9
16.7%	16.7% #CCC9D2	RGB 204 201 210	#CCC9D2
33.3%	33.3% #D0CCDB	RGB 208 204 219	#D0CCDB
50.0%	50.0% #D1CDE4	RGB 209 205 228	#D1CDE4
66.7%	66.7% #D0CFED	RGB 208 207 237	#D0CFED
83.3%	83.3% #CFD2F6	RGB 207 210 246	#CFD2F6
100.0%	100.0% #D0D9FF	RGB 208 217 255	#D0D9FF

#C8C7C9 #CCC9D2 #D0CCDB #D1CDE4 #D0CFED #CFD2F6 #D0D9FF

#C8C7C9 - #D1CDE4 - #D0D9FF

CSS codes

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

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