#D4DAD6 - #E5DCDD | 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 #D4DAD6 to #E5DCDD

#D4DAD6 #E5DCDD

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

#D4DAD6 - #E5DCDD | 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 #D4DAD6 as 0% and #E5DCDD as 100%.

0.0%	0.0% #D4DAD6	RGB 212 218 214	#D4DAD6
16.7%	16.7% #D6DAD7	RGB 214 218 215	#D6DAD7
33.3%	33.3% #D9DAD8	RGB 217 218 216	#D9DAD8
50.0%	50.0% #DCDBD9	RGB 220 219 217	#DCDBD9
66.7%	66.7% #DFDBDA	RGB 223 219 218	#DFDBDA
83.3%	83.3% #E2DBDB	RGB 226 219 219	#E2DBDB
100.0%	100.0% #E5DCDD	RGB 229 220 221	#E5DCDD

#D4DAD6 #D6DAD7 #D9DAD8 #DCDBD9 #DFDBDA #E2DBDB #E5DCDD

#D4DAD6 - #E5DCDD

HSV Blend

#D4DAD6 - #E5DCDD | 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 #D4DAD6 as 0% and #E5DCDD as 100%.

0.0%	0.0% #D4DAD6	RGB 212 218 214	#D4DAD6
16.7%	16.7% #D5DBD5	RGB 213 219 213	#D5DBD5
33.3%	33.3% #DADDD6	RGB 218 221 214	#DADDD6
50.0%	50.0% #DEDFD8	RGB 222 223 216	#DEDFD8
66.7%	66.7% #E1DED9	RGB 225 222 217	#E1DED9
83.3%	83.3% #E3DDDA	RGB 227 221 218	#E3DDDA
100.0%	100.0% #E5DCDD	RGB 229 220 221	#E5DCDD

#D4DAD6 #D5DBD5 #DADDD6 #DEDFD8 #E1DED9 #E3DDDA #E5DCDD

#D4DAD6 - #DEDFD8 - #E5DCDD

CSS codes

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

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