#C8D4C8 - #DBE7CC | 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 #C8D4C8 to #DBE7CC

#C8D4C8 #DBE7CC

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

#C8D4C8 - #DBE7CC | 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 #C8D4C8 as 0% and #DBE7CC as 100%.

0.0%	0.0% #C8D4C8	RGB 200 212 200	#C8D4C8
16.7%	16.7% #CBD7C8	RGB 203 215 200	#CBD7C8
33.3%	33.3% #CEDAC9	RGB 206 218 201	#CEDAC9
50.0%	50.0% #D1DDCA	RGB 209 221 202	#D1DDCA
66.7%	66.7% #D4E0CA	RGB 212 224 202	#D4E0CA
83.3%	83.3% #D7E3CB	RGB 215 227 203	#D7E3CB
100.0%	100.0% #DBE7CC	RGB 219 231 204	#DBE7CC

#C8D4C8 #CBD7C8 #CEDAC9 #D1DDCA #D4E0CA #D7E3CB #DBE7CC

#C8D4C8 - #DBE7CC

HSV Blend

#C8D4C8 - #DBE7CC | 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 #C8D4C8 as 0% and #DBE7CC as 100%.

0.0%	0.0% #C8D4C8	RGB 200 212 200	#C8D4C8
16.7%	16.7% #CAD7C8	RGB 202 215 200	#CAD7C8
33.3%	33.3% #CCDAC9	RGB 204 218 201	#CCDAC9
50.0%	50.0% #CFDDCA	RGB 207 221 202	#CFDDCA
66.7%	66.7% #D2E0CA	RGB 210 224 202	#D2E0CA
83.3%	83.3% #D6E3CB	RGB 214 227 203	#D6E3CB
100.0%	100.0% #DBE7CC	RGB 219 231 204	#DBE7CC

#C8D4C8 #CAD7C8 #CCDAC9 #CFDDCA #D2E0CA #D6E3CB #DBE7CC

#C8D4C8 - #CFDDCA - #DBE7CC

CSS codes

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

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