#C8C7C5 - #CDDDE2 | 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 #C8C7C5 to #CDDDE2

#C8C7C5 #CDDDE2

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

#C8C7C5 - #CDDDE2 | 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 #C8C7C5 as 0% and #CDDDE2 as 100%.

0.0%	0.0% #C8C7C5	RGB 200 199 197	#C8C7C5
16.7%	16.7% #C8CAC9	RGB 200 202 201	#C8CAC9
33.3%	33.3% #C9CECE	RGB 201 206 206	#C9CECE
50.0%	50.0% #CAD2D3	RGB 202 210 211	#CAD2D3
66.7%	66.7% #CBD5D8	RGB 203 213 216	#CBD5D8
83.3%	83.3% #CCD9DD	RGB 204 217 221	#CCD9DD
100.0%	100.0% #CDDDE2	RGB 205 221 226	#CDDDE2

#C8C7C5 #C8CAC9 #C9CECE #CAD2D3 #CBD5D8 #CCD9DD #CDDDE2

#C8C7C5 - #CDDDE2

HSV Blend

#C8C7C5 - #CDDDE2 | 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 #C8C7C5 as 0% and #CDDDE2 as 100%.

0.0%	0.0% #C8C7C5	RGB 200 199 197	#C8C7C5
16.7%	16.7% #CBCCC6	RGB 203 204 198	#CBCCC6
33.3%	33.3% #CCD0C8	RGB 204 208 200	#CCD0C8
50.0%	50.0% #CAD5C9	RGB 202 213 201	#CAD5C9
66.7%	66.7% #CAD9D0	RGB 202 217 208	#CAD9D0
83.3%	83.3% #CBDDDA	RGB 203 221 218	#CBDDDA
100.0%	100.0% #CDDDE2	RGB 205 221 226	#CDDDE2

#C8C7C5 #CBCCC6 #CCD0C8 #CAD5C9 #CAD9D0 #CBDDDA #CDDDE2

#C8C7C5 - #CAD5C9 - #CDDDE2

CSS codes

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

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