#DCD3B7 - #E5C7D2 | 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 #DCD3B7 to #E5C7D2

#DCD3B7 #E5C7D2

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

#DCD3B7 - #E5C7D2 | 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 #DCD3B7 as 0% and #E5C7D2 as 100%.

0.0%	0.0% #DCD3B7	RGB 220 211 183	#DCD3B7
16.7%	16.7% #DDD1BB	RGB 221 209 187	#DDD1BB
33.3%	33.3% #DFCFC0	RGB 223 207 192	#DFCFC0
50.0%	50.0% #E0CDC4	RGB 224 205 196	#E0CDC4
66.7%	66.7% #E2CBC9	RGB 226 203 201	#E2CBC9
83.3%	83.3% #E3C9CD	RGB 227 201 205	#E3C9CD
100.0%	100.0% #E5C7D2	RGB 229 199 210	#E5C7D2

#DCD3B7 #DDD1BB #DFCFC0 #E0CDC4 #E2CBC9 #E3C9CD #E5C7D2

#DCD3B7 - #E5C7D2

HSV Blend

#DCD3B7 - #E5C7D2 | 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 #DCD3B7 as 0% and #E5C7D2 as 100%.

0.0%	0.0% #DCD3B7	RGB 220 211 183	#DCD3B7
16.7%	16.7% #DDCEB9	RGB 221 206 185	#DDCEB9
33.3%	33.3% #DFC9BC	RGB 223 201 188	#DFC9BC
50.0%	50.0% #E0C5BE	RGB 224 197 190	#E0C5BE
66.7%	66.7% #E2C1C1	RGB 226 193 193	#E2C1C1
83.3%	83.3% #E3C4C9	RGB 227 196 201	#E3C4C9
100.0%	100.0% #E5C7D2	RGB 229 199 210	#E5C7D2

#DCD3B7 #DDCEB9 #DFC9BC #E0C5BE #E2C1C1 #E3C4C9 #E5C7D2

#DCD3B7 - #E0C5BE - #E5C7D2

CSS codes

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

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