#D6DAD4 - #E5DCE2 | 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 #D6DAD4 to #E5DCE2

#D6DAD4 #E5DCE2

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

#D6DAD4 - #E5DCE2 | 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 #D6DAD4 as 0% and #E5DCE2 as 100%.

0.0%	0.0% #D6DAD4	RGB 214 218 212	#D6DAD4
16.7%	16.7% #D8DAD6	RGB 216 218 214	#D8DAD6
33.3%	33.3% #DBDAD8	RGB 219 218 216	#DBDAD8
50.0%	50.0% #DDDBDB	RGB 221 219 219	#DDDBDB
66.7%	66.7% #E0DBDD	RGB 224 219 221	#E0DBDD
83.3%	83.3% #E2DBDF	RGB 226 219 223	#E2DBDF
100.0%	100.0% #E5DCE2	RGB 229 220 226	#E5DCE2

#D6DAD4 #D8DAD6 #DBDAD8 #DDDBDB #E0DBDD #E2DBDF #E5DCE2

#D6DAD4 - #E5DCE2

HSV Blend

#D6DAD4 - #E5DCE2 | 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 #D6DAD4 as 0% and #E5DCE2 as 100%.

0.0%	0.0% #D6DAD4	RGB 214 218 212	#D6DAD4
16.7%	16.7% #DADBD5	RGB 218 219 213	#DADBD5
33.3%	33.3% #DDDCD6	RGB 221 220 214	#DDDCD6
50.0%	50.0% #DFDBD8	RGB 223 219 216	#DFDBD8
66.7%	66.7% #E1DAD9	RGB 225 218 217	#E1DAD9
83.3%	83.3% #E3DADD	RGB 227 218 221	#E3DADD
100.0%	100.0% #E5DCE2	RGB 229 220 226	#E5DCE2

#D6DAD4 #DADBD5 #DDDCD6 #DFDBD8 #E1DAD9 #E3DADD #E5DCE2

#D6DAD4 - #DFDBD8 - #E5DCE2

CSS codes

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

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