#C8C7C6 - #CDD9E2 | 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 #C8C7C6 to #CDD9E2

#C8C7C6 #CDD9E2

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

#C8C7C6 - #CDD9E2 | 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 #C8C7C6 as 0% and #CDD9E2 as 100%.

0.0%	0.0% #C8C7C6	RGB 200 199 198	#C8C7C6
16.7%	16.7% #C8CACA	RGB 200 202 202	#C8CACA
33.3%	33.3% #C9CDCF	RGB 201 205 207	#C9CDCF
50.0%	50.0% #CAD0D4	RGB 202 208 212	#CAD0D4
66.7%	66.7% #CBD3D8	RGB 203 211 216	#CBD3D8
83.3%	83.3% #CCD6DD	RGB 204 214 221	#CCD6DD
100.0%	100.0% #CDD9E2	RGB 205 217 226	#CDD9E2

#C8C7C6 #C8CACA #C9CDCF #CAD0D4 #CBD3D8 #CCD6DD #CDD9E2

#C8C7C6 - #CDD9E2

HSV Blend

#C8C7C6 - #CDD9E2 | 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 #C8C7C6 as 0% and #CDD9E2 as 100%.

0.0%	0.0% #C8C7C6	RGB 200 199 198	#C8C7C6
16.7%	16.7% #CCCCC7	RGB 204 204 199	#CCCCC7
33.3%	33.3% #CCD0C8	RGB 204 208 200	#CCD0C8
50.0%	50.0% #CAD5CA	RGB 202 213 202	#CAD5CA
66.7%	66.7% #CBD9D1	RGB 203 217 209	#CBD9D1
83.3%	83.3% #CCDDDC	RGB 204 221 220	#CCDDDC
100.0%	100.0% #CDD9E2	RGB 205 217 226	#CDD9E2

#C8C7C6 #CCCCC7 #CCD0C8 #CAD5CA #CBD9D1 #CCDDDC #CDD9E2

#C8C7C6 - #CAD5CA - #CDD9E2

CSS codes

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

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