#8B6D5E - #DDD5D1 | 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 #8B6D5E to #DDD5D1

#8B6D5E #DDD5D1

Calculate the color between two colors, #8B6D5E and #DDD5D1. 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)

#8B6D5E - #DDD5D1 | 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 #8B6D5E as 0% and #DDD5D1 as 100%.

0.0%	0.0% #8B6D5E	RGB 139 109 94	#8B6D5E
16.7%	16.7% #987E71	RGB 152 126 113	#987E71
33.3%	33.3% #A68F84	RGB 166 143 132	#A68F84
50.0%	50.0% #B4A197	RGB 180 161 151	#B4A197
66.7%	66.7% #C1B2AA	RGB 193 178 170	#C1B2AA
83.3%	83.3% #CFC3BD	RGB 207 195 189	#CFC3BD
100.0%	100.0% #DDD5D1	RGB 221 213 209	#DDD5D1

#8B6D5E #987E71 #A68F84 #B4A197 #C1B2AA #CFC3BD #DDD5D1

#8B6D5E - #DDD5D1

HSV Blend

#8B6D5E - #DDD5D1 | 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 #8B6D5E as 0% and #DDD5D1 as 100%.

0.0%	0.0% #8B6D5E	RGB 139 109 94	#8B6D5E
16.7%	16.7% #987C6E	RGB 152 124 110	#987C6E
33.3%	33.3% #A68C7F	RGB 166 140 127	#A68C7F
50.0%	50.0% #B49D91	RGB 180 157 145	#B49D91
66.7%	66.7% #C1AFA5	RGB 193 175 165	#C1AFA5
83.3%	83.3% #CFC1BA	RGB 207 193 186	#CFC1BA
100.0%	100.0% #DDD5D1	RGB 221 213 209	#DDD5D1

#8B6D5E #987C6E #A68C7F #B49D91 #C1AFA5 #CFC1BA #DDD5D1

#8B6D5E - #B49D91 - #DDD5D1

CSS codes

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

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