#D5D9D4 - #E6DEE3 | 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 #D5D9D4 to #E6DEE3

#D5D9D4 #E6DEE3

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

#D5D9D4 - #E6DEE3 | 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 #D5D9D4 as 0% and #E6DEE3 as 100%.

0.0%	0.0% #D5D9D4	RGB 213 217 212	#D5D9D4
16.7%	16.7% #D7D9D6	RGB 215 217 214	#D7D9D6
33.3%	33.3% #DADAD9	RGB 218 218 217	#DADAD9
50.0%	50.0% #DDDBDB	RGB 221 219 219	#DDDBDB
66.7%	66.7% #E0DCDE	RGB 224 220 222	#E0DCDE
83.3%	83.3% #E3DDE0	RGB 227 221 224	#E3DDE0
100.0%	100.0% #E6DEE3	RGB 230 222 227	#E6DEE3

#D5D9D4 #D7D9D6 #DADAD9 #DDDBDB #E0DCDE #E3DDE0 #E6DEE3

#D5D9D4 - #E6DEE3

HSV Blend

#D5D9D4 - #E6DEE3 | 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 #D5D9D4 as 0% and #E6DEE3 as 100%.

0.0%	0.0% #D5D9D4	RGB 213 217 212	#D5D9D4
16.7%	16.7% #D8DBD5	RGB 216 219 213	#D8DBD5
33.3%	33.3% #DDDDD7	RGB 221 221 215	#DDDDD7
50.0%	50.0% #DFDCD9	RGB 223 220 217	#DFDCD9
66.7%	66.7% #E1DBDA	RGB 225 219 218	#E1DBDA
83.3%	83.3% #E3DCDE	RGB 227 220 222	#E3DCDE
100.0%	100.0% #E6DEE3	RGB 230 222 227	#E6DEE3

#D5D9D4 #D8DBD5 #DDDDD7 #DFDCD9 #E1DBDA #E3DCDE #E6DEE3

#D5D9D4 - #DFDCD9 - #E6DEE3

CSS codes

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

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