#CDC8D9 - #DAE1DA | 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 #CDC8D9 to #DAE1DA

#CDC8D9 #DAE1DA

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

#CDC8D9 - #DAE1DA | 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 #CDC8D9 as 0% and #DAE1DA as 100%.

0.0%	0.0% #CDC8D9	RGB 205 200 217	#CDC8D9
16.7%	16.7% #CFCCD9	RGB 207 204 217	#CFCCD9
33.3%	33.3% #D1D0D9	RGB 209 208 217	#D1D0D9
50.0%	50.0% #D3D4D9	RGB 211 212 217	#D3D4D9
66.7%	66.7% #D5D8D9	RGB 213 216 217	#D5D8D9
83.3%	83.3% #D7DCD9	RGB 215 220 217	#D7DCD9
100.0%	100.0% #DAE1DA	RGB 218 225 218	#DAE1DA

#CDC8D9 #CFCCD9 #D1D0D9 #D3D4D9 #D5D8D9 #D7DCD9 #DAE1DA

#CDC8D9 - #DAE1DA

HSV Blend

#CDC8D9 - #DAE1DA | 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 #CDC8D9 as 0% and #DAE1DA as 100%.

0.0%	0.0% #CDC8D9	RGB 205 200 217	#CDC8D9
16.7%	16.7% #CACCDA	RGB 202 204 218	#CACCDA
33.3%	33.3% #CDD4DB	RGB 205 212 219	#CDD4DB
50.0%	50.0% #D0DBDD	RGB 208 219 221	#D0DBDD
66.7%	66.7% #D3DEDB	RGB 211 222 219	#D3DEDB
83.3%	83.3% #D6DFDA	RGB 214 223 218	#D6DFDA
100.0%	100.0% #DAE1DA	RGB 218 225 218	#DAE1DA

#CDC8D9 #CACCDA #CDD4DB #D0DBDD #D3DEDB #D6DFDA #DAE1DA

#CDC8D9 - #D0DBDD - #DAE1DA

CSS codes

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

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