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

#8A6D5E #DDD5D1

Calculate the color between two colors, #8A6D5E 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)

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

0.0%	0.0% #8A6D5E	RGB 138 109 94	#8A6D5E
16.7%	16.7% #977E71	RGB 151 126 113	#977E71
33.3%	33.3% #A58F84	RGB 165 143 132	#A58F84
50.0%	50.0% #B3A197	RGB 179 161 151	#B3A197
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

#8A6D5E #977E71 #A58F84 #B3A197 #C1B2AA #CFC3BD #DDD5D1

#8A6D5E - #DDD5D1

HSV Blend

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

0.0%	0.0% #8A6D5E	RGB 138 109 94	#8A6D5E
16.7%	16.7% #977C6E	RGB 151 124 110	#977C6E
33.3%	33.3% #A58C7F	RGB 165 140 127	#A58C7F
50.0%	50.0% #B39D92	RGB 179 157 146	#B39D92
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

#8A6D5E #977C6E #A58C7F #B39D92 #C1AFA5 #CFC1BA #DDD5D1

#8A6D5E - #B39D92 - #DDD5D1

CSS codes

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

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