#CDD9DA - #E3DFDB | 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 #CDD9DA to #E3DFDB

#CDD9DA #E3DFDB

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

#CDD9DA - #E3DFDB | 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 #CDD9DA as 0% and #E3DFDB as 100%.

0.0%	0.0% #CDD9DA	RGB 205 217 218	#CDD9DA
16.7%	16.7% #D0DADA	RGB 208 218 218	#D0DADA
33.3%	33.3% #D4DBDA	RGB 212 219 218	#D4DBDA
50.0%	50.0% #D8DCDA	RGB 216 220 218	#D8DCDA
66.7%	66.7% #DBDDDA	RGB 219 221 218	#DBDDDA
83.3%	83.3% #DFDEDA	RGB 223 222 218	#DFDEDA
100.0%	100.0% #E3DFDB	RGB 227 223 219	#E3DFDB

#CDD9DA #D0DADA #D4DBDA #D8DCDA #DBDDDA #DFDEDA #E3DFDB

#CDD9DA - #E3DFDB

HSV Blend

#CDD9DA - #E3DFDB | 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 #CDD9DA as 0% and #E3DFDB as 100%.

0.0%	0.0% #CDD9DA	RGB 205 217 218	#CDD9DA
16.7%	16.7% #CFDBD7	RGB 207 219 215	#CFDBD7
33.3%	33.3% #D1DDD4	RGB 209 221 212	#D1DDD4
50.0%	50.0% #D6DED3	RGB 214 222 211	#D6DED3
66.7%	66.7% #DCE0D6	RGB 220 224 214	#DCE0D6
83.3%	83.3% #E1E0D8	RGB 225 224 216	#E1E0D8
100.0%	100.0% #E3DFDB	RGB 227 223 219	#E3DFDB

#CDD9DA #CFDBD7 #D1DDD4 #D6DED3 #DCE0D6 #E1E0D8 #E3DFDB

#CDD9DA - #D6DED3 - #E3DFDB

CSS codes

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

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