#B4966B - #8D5721 | 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 #B4966B to #8D5721

#B4966B #8D5721

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

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

0.0%	0.0% #B4966B	RGB 180 150 107	#B4966B
16.7%	16.7% #AD8B5E	RGB 173 139 94	#AD8B5E
33.3%	33.3% #A78152	RGB 167 129 82	#A78152
50.0%	50.0% #A07646	RGB 160 118 70	#A07646
66.7%	66.7% #9A6C39	RGB 154 108 57	#9A6C39
83.3%	83.3% #93612D	RGB 147 97 45	#93612D
100.0%	100.0% #8D5721	RGB 141 87 33	#8D5721

#B4966B #AD8B5E #A78152 #A07646 #9A6C39 #93612D #8D5721

#B4966B - #8D5721

HSV Blend

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

0.0%	0.0% #B4966B	RGB 180 150 107	#B4966B
16.7%	16.7% #AD8B5C	RGB 173 139 92	#AD8B5C
33.3%	33.3% #A7804F	RGB 167 128 79	#A7804F
50.0%	50.0% #A07542	RGB 160 117 66	#A07542
66.7%	66.7% #9A6B36	RGB 154 107 54	#9A6B36
83.3%	83.3% #93602B	RGB 147 96 43	#93602B
100.0%	100.0% #8D5721	RGB 141 87 33	#8D5721

#B4966B #AD8B5C #A7804F #A07542 #9A6B36 #93602B #8D5721

#B4966B - #A07542 - #8D5721

CSS codes

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

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