#DCC7AB - #E3C5DB | 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 #DCC7AB to #E3C5DB

#DCC7AB #E3C5DB

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

#DCC7AB - #E3C5DB | 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 #DCC7AB as 0% and #E3C5DB as 100%.

0.0%	0.0% #DCC7AB	RGB 220 199 171	#DCC7AB
16.7%	16.7% #DDC6B3	RGB 221 198 179	#DDC6B3
33.3%	33.3% #DEC6BB	RGB 222 198 187	#DEC6BB
50.0%	50.0% #DFC6C3	RGB 223 198 195	#DFC6C3
66.7%	66.7% #E0C5CB	RGB 224 197 203	#E0C5CB
83.3%	83.3% #E1C5D3	RGB 225 197 211	#E1C5D3
100.0%	100.0% #E3C5DB	RGB 227 197 219	#E3C5DB

#DCC7AB #DDC6B3 #DEC6BB #DFC6C3 #E0C5CB #E1C5D3 #E3C5DB

#DCC7AB - #E3C5DB

HSV Blend

#DCC7AB - #E3C5DB | 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 #DCC7AB as 0% and #E3C5DB as 100%.

0.0%	0.0% #DCC7AB	RGB 220 199 171	#DCC7AB
16.7%	16.7% #DDBFAF	RGB 221 191 175	#DDBFAF
33.3%	33.3% #DEB9B3	RGB 222 185 179	#DEB9B3
50.0%	50.0% #DFB7BB	RGB 223 183 187	#DFB7BB
66.7%	66.7% #E0BCC7	RGB 224 188 199	#E0BCC7
83.3%	83.3% #E1C0D1	RGB 225 192 209	#E1C0D1
100.0%	100.0% #E3C5DB	RGB 227 197 219	#E3C5DB

#DCC7AB #DDBFAF #DEB9B3 #DFB7BB #E0BCC7 #E1C0D1 #E3C5DB

#DCC7AB - #DFB7BB - #E3C5DB

CSS codes

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

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