#C9C9D9 - #DEE1DA | 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 #C9C9D9 to #DEE1DA

#C9C9D9 #DEE1DA

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

#C9C9D9 - #DEE1DA | 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 #C9C9D9 as 0% and #DEE1DA as 100%.

0.0%	0.0% #C9C9D9	RGB 201 201 217	#C9C9D9
16.7%	16.7% #CCCDD9	RGB 204 205 217	#CCCDD9
33.3%	33.3% #D0D1D9	RGB 208 209 217	#D0D1D9
50.0%	50.0% #D3D5D9	RGB 211 213 217	#D3D5D9
66.7%	66.7% #D7D9D9	RGB 215 217 217	#D7D9D9
83.3%	83.3% #DADDD9	RGB 218 221 217	#DADDD9
100.0%	100.0% #DEE1DA	RGB 222 225 218	#DEE1DA

#C9C9D9 #CCCDD9 #D0D1D9 #D3D5D9 #D7D9D9 #DADDD9 #DEE1DA

#C9C9D9 - #DEE1DA

HSV Blend

#C9C9D9 - #DEE1DA | 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 #C9C9D9 as 0% and #DEE1DA as 100%.

0.0%	0.0% #C9C9D9	RGB 201 201 217	#C9C9D9
16.7%	16.7% #CBD2DA	RGB 203 210 218	#CBD2DA
33.3%	33.3% #CED9DB	RGB 206 217 219	#CED9DB
50.0%	50.0% #D1DDD9	RGB 209 221 217	#D1DDD9
66.7%	66.7% #D4DED7	RGB 212 222 215	#D4DED7
83.3%	83.3% #D8DFD7	RGB 216 223 215	#D8DFD7
100.0%	100.0% #DEE1DA	RGB 222 225 218	#DEE1DA

#C9C9D9 #CBD2DA #CED9DB #D1DDD9 #D4DED7 #D8DFD7 #DEE1DA

#C9C9D9 - #D1DDD9 - #DEE1DA

CSS codes

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

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