#DAD7CD - #E2DFE5 | 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 #DAD7CD to #E2DFE5

#DAD7CD #E2DFE5

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

#DAD7CD - #E2DFE5 | 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 #DAD7CD as 0% and #E2DFE5 as 100%.

0.0%	0.0% #DAD7CD	RGB 218 215 205	#DAD7CD
16.7%	16.7% #DBD8D1	RGB 219 216 209	#DBD8D1
33.3%	33.3% #DCD9D5	RGB 220 217 213	#DCD9D5
50.0%	50.0% #DEDBD9	RGB 222 219 217	#DEDBD9
66.7%	66.7% #DFDCDD	RGB 223 220 221	#DFDCDD
83.3%	83.3% #E0DDE1	RGB 224 221 225	#E0DDE1
100.0%	100.0% #E2DFE5	RGB 226 223 229	#E2DFE5

#DAD7CD #DBD8D1 #DCD9D5 #DEDBD9 #DFDCDD #E0DDE1 #E2DFE5

#DAD7CD - #E2DFE5

HSV Blend

#DAD7CD - #E2DFE5 | 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 #DAD7CD as 0% and #E2DFE5 as 100%.

0.0%	0.0% #DAD7CD	RGB 218 215 205	#DAD7CD
16.7%	16.7% #DBD4CF	RGB 219 212 207	#DBD4CF
33.3%	33.3% #DDD3D2	RGB 221 211 210	#DDD3D2
50.0%	50.0% #DFD5D9	RGB 223 213 217	#DFD5D9
66.7%	66.7% #E1D8DF	RGB 225 216 223	#E1D8DF
83.3%	83.3% #E2DBE3	RGB 226 219 227	#E2DBE3
100.0%	100.0% #E2DFE5	RGB 226 223 229	#E2DFE5

#DAD7CD #DBD4CF #DDD3D2 #DFD5D9 #E1D8DF #E2DBE3 #E2DFE5

#DAD7CD - #DFD5D9 - #E2DFE5

CSS codes

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

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