#AD7D5E - #31231A | 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 #AD7D5E to #31231A

#AD7D5E #31231A

Calculate the color between two colors, #AD7D5E and #31231A. 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)

#AD7D5E - #31231A | 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 #AD7D5E as 0% and #31231A as 100%.

0.0%	0.0% #AD7D5E	RGB 173 125 94	#AD7D5E
16.7%	16.7% #986E52	RGB 152 110 82	#986E52
33.3%	33.3% #835F47	RGB 131 95 71	#835F47
50.0%	50.0% #6F503C	RGB 111 80 60	#6F503C
66.7%	66.7% #5A4130	RGB 90 65 48	#5A4130
83.3%	83.3% #453225	RGB 69 50 37	#453225
100.0%	100.0% #31231A	RGB 49 35 26	#31231A

#AD7D5E #986E52 #835F47 #6F503C #5A4130 #453225 #31231A

#AD7D5E - #31231A

HSV Blend

#AD7D5E - #31231A | 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 #AD7D5E as 0% and #31231A as 100%.

0.0%	0.0% #AD7D5E	RGB 173 125 94	#AD7D5E
16.7%	16.7% #986D52	RGB 152 109 82	#986D52
33.3%	33.3% #835E46	RGB 131 94 70	#835E46
50.0%	50.0% #6F4F3B	RGB 111 79 59	#6F4F3B
66.7%	66.7% #5A4030	RGB 90 64 48	#5A4030
83.3%	83.3% #453125	RGB 69 49 37	#453125
100.0%	100.0% #31231A	RGB 49 35 26	#31231A

#AD7D5E #986D52 #835E46 #6F4F3B #5A4030 #453125 #31231A

#AD7D5E - #6F4F3B - #31231A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD7D5E 0%, #6F4F3B 50%, #31231A 100%);
    background: -webkit-linear-gradient(top, #AD7D5E 0%, #6F4F3B 50%, #31231A 100%);
    background: linear-gradient(to bottom, #AD7D5E 0%, #6F4F3B 50%, #31231A 100%);
}
</style>