#B69C70 - #8F5E24 | 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 #B69C70 to #8F5E24

#B69C70 #8F5E24

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

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

0.0%	0.0% #B69C70	RGB 182 156 112	#B69C70
16.7%	16.7% #AF9163	RGB 175 145 99	#AF9163
33.3%	33.3% #A98756	RGB 169 135 86	#A98756
50.0%	50.0% #A27D4A	RGB 162 125 74	#A27D4A
66.7%	66.7% #9C723D	RGB 156 114 61	#9C723D
83.3%	83.3% #956830	RGB 149 104 48	#956830
100.0%	100.0% #8F5E24	RGB 143 94 36	#8F5E24

#B69C70 #AF9163 #A98756 #A27D4A #9C723D #956830 #8F5E24

#B69C70 - #8F5E24

HSV Blend

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

0.0%	0.0% #B69C70	RGB 182 156 112	#B69C70
16.7%	16.7% #AF9161	RGB 175 145 97	#AF9161
33.3%	33.3% #A98653	RGB 169 134 83	#A98653
50.0%	50.0% #A27C46	RGB 162 124 70	#A27C46
66.7%	66.7% #9C723A	RGB 156 114 58	#9C723A
83.3%	83.3% #95672E	RGB 149 103 46	#95672E
100.0%	100.0% #8F5E24	RGB 143 94 36	#8F5E24

#B69C70 #AF9161 #A98653 #A27C46 #9C723A #95672E #8F5E24

#B69C70 - #A27C46 - #8F5E24

CSS codes

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

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