#CED9CF - #DCE6C7 | 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 #CED9CF to #DCE6C7

#CED9CF #DCE6C7

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

#CED9CF - #DCE6C7 | 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 #CED9CF as 0% and #DCE6C7 as 100%.

0.0%	0.0% #CED9CF	RGB 206 217 207	#CED9CF
16.7%	16.7% #D0DBCD	RGB 208 219 205	#D0DBCD
33.3%	33.3% #D2DDCC	RGB 210 221 204	#D2DDCC
50.0%	50.0% #D5DFCB	RGB 213 223 203	#D5DFCB
66.7%	66.7% #D7E1C9	RGB 215 225 201	#D7E1C9
83.3%	83.3% #D9E3C8	RGB 217 227 200	#D9E3C8
100.0%	100.0% #DCE6C7	RGB 220 230 199	#DCE6C7

#CED9CF #D0DBCD #D2DDCC #D5DFCB #D7E1C9 #D9E3C8 #DCE6C7

#CED9CF - #DCE6C7

HSV Blend

#CED9CF - #DCE6C7 | 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 #CED9CF as 0% and #DCE6C7 as 100%.

0.0%	0.0% #CED9CF	RGB 206 217 207	#CED9CF
16.7%	16.7% #CDDBCC	RGB 205 219 204	#CDDBCC
33.3%	33.3% #CEDDCB	RGB 206 221 203	#CEDDCB
50.0%	50.0% #D0DFCA	RGB 208 223 202	#D0DFCA
66.7%	66.7% #D3E1C9	RGB 211 225 201	#D3E1C9
83.3%	83.3% #D7E3C8	RGB 215 227 200	#D7E3C8
100.0%	100.0% #DCE6C7	RGB 220 230 199	#DCE6C7

#CED9CF #CDDBCC #CEDDCB #D0DFCA #D3E1C9 #D7E3C8 #DCE6C7

#CED9CF - #D0DFCA - #DCE6C7

CSS codes

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

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