#DCD5B5 - #E4C7D1 | 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 #DCD5B5 to #E4C7D1

#DCD5B5 #E4C7D1

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

#DCD5B5 - #E4C7D1 | 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 #DCD5B5 as 0% and #E4C7D1 as 100%.

0.0%	0.0% #DCD5B5	RGB 220 213 181	#DCD5B5
16.7%	16.7% #DDD2B9	RGB 221 210 185	#DDD2B9
33.3%	33.3% #DED0BE	RGB 222 208 190	#DED0BE
50.0%	50.0% #E0CEC3	RGB 224 206 195	#E0CEC3
66.7%	66.7% #E1CBC7	RGB 225 203 199	#E1CBC7
83.3%	83.3% #E2C9CC	RGB 226 201 204	#E2C9CC
100.0%	100.0% #E4C7D1	RGB 228 199 209	#E4C7D1

#DCD5B5 #DDD2B9 #DED0BE #E0CEC3 #E1CBC7 #E2C9CC #E4C7D1

#DCD5B5 - #E4C7D1

HSV Blend

#DCD5B5 - #E4C7D1 | 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 #DCD5B5 as 0% and #E4C7D1 as 100%.

0.0%	0.0% #DCD5B5	RGB 220 213 181	#DCD5B5
16.7%	16.7% #DDCFB7	RGB 221 207 183	#DDCFB7
33.3%	33.3% #DECABA	RGB 222 202 186	#DECABA
50.0%	50.0% #E0C6BD	RGB 224 198 189	#E0C6BD
66.7%	66.7% #E1C2C0	RGB 225 194 192	#E1C2C0
83.3%	83.3% #E2C3C8	RGB 226 195 200	#E2C3C8
100.0%	100.0% #E4C7D1	RGB 228 199 209	#E4C7D1

#DCD5B5 #DDCFB7 #DECABA #E0C6BD #E1C2C0 #E2C3C8 #E4C7D1

#DCD5B5 - #E0C6BD - #E4C7D1

CSS codes

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

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