#AD9980 - #8D642E | 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 #AD9980 to #8D642E

#AD9980 #8D642E

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

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

0.0%	0.0% #AD9980	RGB 173 153 128	#AD9980
16.7%	16.7% #A79072	RGB 167 144 114	#A79072
33.3%	33.3% #A28764	RGB 162 135 100	#A28764
50.0%	50.0% #9D7E57	RGB 157 126 87	#9D7E57
66.7%	66.7% #977549	RGB 151 117 73	#977549
83.3%	83.3% #926C3B	RGB 146 108 59	#926C3B
100.0%	100.0% #8D642E	RGB 141 100 46	#8D642E

#AD9980 #A79072 #A28764 #9D7E57 #977549 #926C3B #8D642E

#AD9980 - #8D642E

HSV Blend

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

0.0%	0.0% #AD9980	RGB 173 153 128	#AD9980
16.7%	16.7% #A78F70	RGB 167 143 112	#A78F70
33.3%	33.3% #A28561	RGB 162 133 97	#A28561
50.0%	50.0% #9D7C53	RGB 157 124 83	#9D7C53
66.7%	66.7% #977446	RGB 151 116 70	#977446
83.3%	83.3% #926B39	RGB 146 107 57	#926B39
100.0%	100.0% #8D642E	RGB 141 100 46	#8D642E

#AD9980 #A78F70 #A28561 #9D7C53 #977446 #926B39 #8D642E

#AD9980 - #9D7C53 - #8D642E

CSS codes

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

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