#ADA67B - #8C7E2A | 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 #ADA67B to #8C7E2A

#ADA67B #8C7E2A

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

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

0.0%	0.0% #ADA67B	RGB 173 166 123	#ADA67B
16.7%	16.7% #A79F6D	RGB 167 159 109	#A79F6D
33.3%	33.3% #A29860	RGB 162 152 96	#A29860
50.0%	50.0% #9C9252	RGB 156 146 82	#9C9252
66.7%	66.7% #978B45	RGB 151 139 69	#978B45
83.3%	83.3% #918437	RGB 145 132 55	#918437
100.0%	100.0% #8C7E2A	RGB 140 126 42	#8C7E2A

#ADA67B #A79F6D #A29860 #9C9252 #978B45 #918437 #8C7E2A

#ADA67B - #8C7E2A

HSV Blend

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

0.0%	0.0% #ADA67B	RGB 173 166 123	#ADA67B
16.7%	16.7% #A79F6B	RGB 167 159 107	#A79F6B
33.3%	33.3% #A2985C	RGB 162 152 92	#A2985C
50.0%	50.0% #9C914F	RGB 156 145 79	#9C914F
66.7%	66.7% #978A41	RGB 151 138 65	#978A41
83.3%	83.3% #918435	RGB 145 132 53	#918435
100.0%	100.0% #8C7E2A	RGB 140 126 42	#8C7E2A

#ADA67B #A79F6B #A2985C #9C914F #978A41 #918435 #8C7E2A

#ADA67B - #9C914F - #8C7E2A

CSS codes

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

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