#BFAB7E - #826A2E | 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 #BFAB7E to #826A2E

#BFAB7E #826A2E

Calculate the color between two colors, #BFAB7E and #826A2E. 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)

#BFAB7E - #826A2E | 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 #BFAB7E as 0% and #826A2E as 100%.

0.0%	0.0% #BFAB7E	RGB 191 171 126	#BFAB7E
16.7%	16.7% #B4A070	RGB 180 160 112	#B4A070
33.3%	33.3% #AA9563	RGB 170 149 99	#AA9563
50.0%	50.0% #A08A56	RGB 160 138 86	#A08A56
66.7%	66.7% #967F48	RGB 150 127 72	#967F48
83.3%	83.3% #8C743B	RGB 140 116 59	#8C743B
100.0%	100.0% #826A2E	RGB 130 106 46	#826A2E

#BFAB7E #B4A070 #AA9563 #A08A56 #967F48 #8C743B #826A2E

#BFAB7E - #826A2E

HSV Blend

#BFAB7E - #826A2E | 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 #BFAB7E as 0% and #826A2E as 100%.

0.0%	0.0% #BFAB7E	RGB 191 171 126	#BFAB7E
16.7%	16.7% #B49F6E	RGB 180 159 110	#B49F6E
33.3%	33.3% #AA935F	RGB 170 147 95	#AA935F
50.0%	50.0% #A08951	RGB 160 137 81	#A08951
66.7%	66.7% #967E44	RGB 150 126 68	#967E44
83.3%	83.3% #8C7438	RGB 140 116 56	#8C7438
100.0%	100.0% #826A2E	RGB 130 106 46	#826A2E

#BFAB7E #B49F6E #AA935F #A08951 #967E44 #8C7438 #826A2E

#BFAB7E - #A08951 - #826A2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFAB7E 0%, #A08951 50%, #826A2E 100%);
    background: -webkit-linear-gradient(top, #BFAB7E 0%, #A08951 50%, #826A2E 100%);
    background: linear-gradient(to bottom, #BFAB7E 0%, #A08951 50%, #826A2E 100%);
}
</style>