#B0AB5E - #32301A | 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 #B0AB5E to #32301A

#B0AB5E #32301A

Calculate the color between two colors, #B0AB5E and #32301A. 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)

#B0AB5E - #32301A | 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 #B0AB5E as 0% and #32301A as 100%.

0.0%	0.0% #B0AB5E	RGB 176 171 94	#B0AB5E
16.7%	16.7% #9B9652	RGB 155 150 82	#9B9652
33.3%	33.3% #868247	RGB 134 130 71	#868247
50.0%	50.0% #716D3C	RGB 113 109 60	#716D3C
66.7%	66.7% #5C5930	RGB 92 89 48	#5C5930
83.3%	83.3% #474425	RGB 71 68 37	#474425
100.0%	100.0% #32301A	RGB 50 48 26	#32301A

#B0AB5E #9B9652 #868247 #716D3C #5C5930 #474425 #32301A

#B0AB5E - #32301A

HSV Blend

#B0AB5E - #32301A | 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 #B0AB5E as 0% and #32301A as 100%.

0.0%	0.0% #B0AB5E	RGB 176 171 94	#B0AB5E
16.7%	16.7% #9B9652	RGB 155 150 82	#9B9652
33.3%	33.3% #868146	RGB 134 129 70	#868146
50.0%	50.0% #716D3B	RGB 113 109 59	#716D3B
66.7%	66.7% #5C5830	RGB 92 88 48	#5C5830
83.3%	83.3% #474425	RGB 71 68 37	#474425
100.0%	100.0% #32301A	RGB 50 48 26	#32301A

#B0AB5E #9B9652 #868146 #716D3B #5C5830 #474425 #32301A

#B0AB5E - #716D3B - #32301A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0AB5E 0%, #716D3B 50%, #32301A 100%);
    background: -webkit-linear-gradient(top, #B0AB5E 0%, #716D3B 50%, #32301A 100%);
    background: linear-gradient(to bottom, #B0AB5E 0%, #716D3B 50%, #32301A 100%);
}
</style>