#A8AD9C - #808247 | 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 #A8AD9C to #808247

#A8AD9C #808247

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

#A8AD9C - #808247 | 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 #A8AD9C as 0% and #808247 as 100%.

0.0%	0.0% #A8AD9C	RGB 168 173 156	#A8AD9C
16.7%	16.7% #A1A58D	RGB 161 165 141	#A1A58D
33.3%	33.3% #9A9E7F	RGB 154 158 127	#9A9E7F
50.0%	50.0% #949771	RGB 148 151 113	#949771
66.7%	66.7% #8D9063	RGB 141 144 99	#8D9063
83.3%	83.3% #868955	RGB 134 137 85	#868955
100.0%	100.0% #808247	RGB 128 130 71	#808247

#A8AD9C #A1A58D #9A9E7F #949771 #8D9063 #868955 #808247

#A8AD9C - #808247

HSV Blend

#A8AD9C - #808247 | 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 #A8AD9C as 0% and #808247 as 100%.

0.0%	0.0% #A8AD9C	RGB 168 173 156	#A8AD9C
16.7%	16.7% #9FA58B	RGB 159 165 139	#9FA58B
33.3%	33.3% #979E7C	RGB 151 158 124	#979E7C
50.0%	50.0% #90976D	RGB 144 151 109	#90976D
66.7%	66.7% #8A905F	RGB 138 144 95	#8A905F
83.3%	83.3% #848953	RGB 132 137 83	#848953
100.0%	100.0% #808247	RGB 128 130 71	#808247

#A8AD9C #9FA58B #979E7C #90976D #8A905F #848953 #808247

#A8AD9C - #90976D - #808247

CSS codes

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

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