#D8DAD4 - #E4DCE5 | 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 #D8DAD4 to #E4DCE5

#D8DAD4 #E4DCE5

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

#D8DAD4 - #E4DCE5 | 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 #D8DAD4 as 0% and #E4DCE5 as 100%.

0.0%	0.0% #D8DAD4	RGB 216 218 212	#D8DAD4
16.7%	16.7% #DADAD6	RGB 218 218 214	#DADAD6
33.3%	33.3% #DCDAD9	RGB 220 218 217	#DCDAD9
50.0%	50.0% #DEDBDC	RGB 222 219 220	#DEDBDC
66.7%	66.7% #E0DBDF	RGB 224 219 223	#E0DBDF
83.3%	83.3% #E2DBE2	RGB 226 219 226	#E2DBE2
100.0%	100.0% #E4DCE5	RGB 228 220 229	#E4DCE5

#D8DAD4 #DADAD6 #DCDAD9 #DEDBDC #E0DBDF #E2DBE2 #E4DCE5

#D8DAD4 - #E4DCE5

HSV Blend

#D8DAD4 - #E4DCE5 | 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 #D8DAD4 as 0% and #E4DCE5 as 100%.

0.0%	0.0% #D8DAD4	RGB 216 218 212	#D8DAD4
16.7%	16.7% #DBDBD5	RGB 219 219 213	#DBDBD5
33.3%	33.3% #DDDAD6	RGB 221 218 214	#DDDAD6
50.0%	50.0% #DFD8D8	RGB 223 216 216	#DFD8D8
66.7%	66.7% #E1D9DB	RGB 225 217 219	#E1D9DB
83.3%	83.3% #E3DAE0	RGB 227 218 224	#E3DAE0
100.0%	100.0% #E4DCE5	RGB 228 220 229	#E4DCE5

#D8DAD4 #DBDBD5 #DDDAD6 #DFD8D8 #E1D9DB #E3DAE0 #E4DCE5

#D8DAD4 - #DFD8D8 - #E4DCE5

CSS codes

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

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