#B0AC8C - #867239 | 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 #B0AC8C to #867239

#B0AC8C #867239

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

#B0AC8C - #867239 | 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 #B0AC8C as 0% and #867239 as 100%.

0.0%	0.0% #B0AC8C	RGB 176 172 140	#B0AC8C
16.7%	16.7% #A9A27E	RGB 169 162 126	#A9A27E
33.3%	33.3% #A29870	RGB 162 152 112	#A29870
50.0%	50.0% #9B8F62	RGB 155 143 98	#9B8F62
66.7%	66.7% #948554	RGB 148 133 84	#948554
83.3%	83.3% #8D7B46	RGB 141 123 70	#8D7B46
100.0%	100.0% #867239	RGB 134 114 57	#867239

#B0AC8C #A9A27E #A29870 #9B8F62 #948554 #8D7B46 #867239

#B0AC8C - #867239

HSV Blend

#B0AC8C - #867239 | 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 #B0AC8C as 0% and #867239 as 100%.

0.0%	0.0% #B0AC8C	RGB 176 172 140	#B0AC8C
16.7%	16.7% #A9A27C	RGB 169 162 124	#A9A27C
33.3%	33.3% #A2996C	RGB 162 153 108	#A2996C
50.0%	50.0% #9B8F5E	RGB 155 143 94	#9B8F5E
66.7%	66.7% #948551	RGB 148 133 81	#948551
83.3%	83.3% #8D7C44	RGB 141 124 68	#8D7C44
100.0%	100.0% #867239	RGB 134 114 57	#867239

#B0AC8C #A9A27C #A2996C #9B8F5E #948551 #8D7C44 #867239

#B0AC8C - #9B8F5E - #867239

CSS codes

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

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