#DCD0AB - #E3C5D6 | 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 #DCD0AB to #E3C5D6

#DCD0AB #E3C5D6

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

#DCD0AB - #E3C5D6 | 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 #DCD0AB as 0% and #E3C5D6 as 100%.

0.0%	0.0% #DCD0AB	RGB 220 208 171	#DCD0AB
16.7%	16.7% #DDCEB2	RGB 221 206 178	#DDCEB2
33.3%	33.3% #DECCB9	RGB 222 204 185	#DECCB9
50.0%	50.0% #DFCAC0	RGB 223 202 192	#DFCAC0
66.7%	66.7% #E0C8C7	RGB 224 200 199	#E0C8C7
83.3%	83.3% #E1C6CE	RGB 225 198 206	#E1C6CE
100.0%	100.0% #E3C5D6	RGB 227 197 214	#E3C5D6

#DCD0AB #DDCEB2 #DECCB9 #DFCAC0 #E0C8C7 #E1C6CE #E3C5D6

#DCD0AB - #E3C5D6

HSV Blend

#DCD0AB - #E3C5D6 | 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 #DCD0AB as 0% and #E3C5D6 as 100%.

0.0%	0.0% #DCD0AB	RGB 220 208 171	#DCD0AB
16.7%	16.7% #DDC7AF	RGB 221 199 175	#DDC7AF
33.3%	33.3% #DEC0B3	RGB 222 192 179	#DEC0B3
50.0%	50.0% #DFBBB7	RGB 223 187 183	#DFBBB7
66.7%	66.7% #E0BCC0	RGB 224 188 192	#E0BCC0
83.3%	83.3% #E1C0CC	RGB 225 192 204	#E1C0CC
100.0%	100.0% #E3C5D6	RGB 227 197 214	#E3C5D6

#DCD0AB #DDC7AF #DEC0B3 #DFBBB7 #E0BCC0 #E1C0CC #E3C5D6

#DCD0AB - #DFBBB7 - #E3C5D6

CSS codes

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

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