#DCD6AB - #E3C5D2 | 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 #DCD6AB to #E3C5D2

#DCD6AB #E3C5D2

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

#DCD6AB - #E3C5D2 | 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 #DCD6AB as 0% and #E3C5D2 as 100%.

0.0%	0.0% #DCD6AB	RGB 220 214 171	#DCD6AB
16.7%	16.7% #DDD3B1	RGB 221 211 177	#DDD3B1
33.3%	33.3% #DED0B8	RGB 222 208 184	#DED0B8
50.0%	50.0% #DFCDBE	RGB 223 205 190	#DFCDBE
66.7%	66.7% #E0CAC5	RGB 224 202 197	#E0CAC5
83.3%	83.3% #E1C7CB	RGB 225 199 203	#E1C7CB
100.0%	100.0% #E3C5D2	RGB 227 197 210	#E3C5D2

#DCD6AB #DDD3B1 #DED0B8 #DFCDBE #E0CAC5 #E1C7CB #E3C5D2

#DCD6AB - #E3C5D2

HSV Blend

#DCD6AB - #E3C5D2 | 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 #DCD6AB as 0% and #E3C5D2 as 100%.

0.0%	0.0% #DCD6AB	RGB 220 214 171	#DCD6AB
16.7%	16.7% #DDCDAF	RGB 221 205 175	#DDCDAF
33.3%	33.3% #DEC6B3	RGB 222 198 179	#DEC6B3
50.0%	50.0% #DFC0B7	RGB 223 192 183	#DFC0B7
66.7%	66.7% #E0BCBC	RGB 224 188 188	#E0BCBC
83.3%	83.3% #E1C0C7	RGB 225 192 199	#E1C0C7
100.0%	100.0% #E3C5D2	RGB 227 197 210	#E3C5D2

#DCD6AB #DDCDAF #DEC6B3 #DFC0B7 #E0BCBC #E1C0C7 #E3C5D2

#DCD6AB - #DFC0B7 - #E3C5D2

CSS codes

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

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