#B9A97C - #926C2D | 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 #B9A97C to #926C2D

#B9A97C #926C2D

Calculate the color between two colors, #B9A97C and #926C2D. 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)

#B9A97C - #926C2D | 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 #B9A97C as 0% and #926C2D as 100%.

0.0%	0.0% #B9A97C	RGB 185 169 124	#B9A97C
16.7%	16.7% #B29E6E	RGB 178 158 110	#B29E6E
33.3%	33.3% #AC9461	RGB 172 148 97	#AC9461
50.0%	50.0% #A58A54	RGB 165 138 84	#A58A54
66.7%	66.7% #9F8047	RGB 159 128 71	#9F8047
83.3%	83.3% #98763A	RGB 152 118 58	#98763A
100.0%	100.0% #926C2D	RGB 146 108 45	#926C2D

#B9A97C #B29E6E #AC9461 #A58A54 #9F8047 #98763A #926C2D

#B9A97C - #926C2D

HSV Blend

#B9A97C - #926C2D | 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 #B9A97C as 0% and #926C2D as 100%.

0.0%	0.0% #B9A97C	RGB 185 169 124	#B9A97C
16.7%	16.7% #B29E6C	RGB 178 158 108	#B29E6C
33.3%	33.3% #AC945E	RGB 172 148 94	#AC945E
50.0%	50.0% #A58A50	RGB 165 138 80	#A58A50
66.7%	66.7% #9F8044	RGB 159 128 68	#9F8044
83.3%	83.3% #987638	RGB 152 118 56	#987638
100.0%	100.0% #926C2D	RGB 146 108 45	#926C2D

#B9A97C #B29E6C #AC945E #A58A50 #9F8044 #987638 #926C2D

#B9A97C - #A58A50 - #926C2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9A97C 0%, #A58A50 50%, #926C2D 100%);
    background: -webkit-linear-gradient(top, #B9A97C 0%, #A58A50 50%, #926C2D 100%);
    background: linear-gradient(to bottom, #B9A97C 0%, #A58A50 50%, #926C2D 100%);
}
</style>