#B5AF5C - #89761B | 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 #B5AF5C to #89761B

#B5AF5C #89761B

Calculate the color between two colors, #B5AF5C and #89761B. 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)

#B5AF5C - #89761B | 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 #B5AF5C as 0% and #89761B as 100%.

0.0%	0.0% #B5AF5C	RGB 181 175 92	#B5AF5C
16.7%	16.7% #ADA551	RGB 173 165 81	#ADA551
33.3%	33.3% #A69C46	RGB 166 156 70	#A69C46
50.0%	50.0% #9F923B	RGB 159 146 59	#9F923B
66.7%	66.7% #978930	RGB 151 137 48	#978930
83.3%	83.3% #907F25	RGB 144 127 37	#907F25
100.0%	100.0% #89761B	RGB 137 118 27	#89761B

#B5AF5C #ADA551 #A69C46 #9F923B #978930 #907F25 #89761B

#B5AF5C - #89761B

HSV Blend

#B5AF5C - #89761B | 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 #B5AF5C as 0% and #89761B as 100%.

0.0%	0.0% #B5AF5C	RGB 181 175 92	#B5AF5C
16.7%	16.7% #ADA54F	RGB 173 165 79	#ADA54F
33.3%	33.3% #A69C43	RGB 166 156 67	#A69C43
50.0%	50.0% #9F9238	RGB 159 146 56	#9F9238
66.7%	66.7% #97892D	RGB 151 137 45	#97892D
83.3%	83.3% #907F23	RGB 144 127 35	#907F23
100.0%	100.0% #89761B	RGB 137 118 27	#89761B

#B5AF5C #ADA54F #A69C43 #9F9238 #97892D #907F23 #89761B

#B5AF5C - #9F9238 - #89761B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5AF5C 0%, #9F9238 50%, #89761B 100%);
    background: -webkit-linear-gradient(top, #B5AF5C 0%, #9F9238 50%, #89761B 100%);
    background: linear-gradient(to bottom, #B5AF5C 0%, #9F9238 50%, #89761B 100%);
}
</style>