#BFAB5E - #967A1C | 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 #BFAB5E to #967A1C

#BFAB5E #967A1C

Calculate the color between two colors, #BFAB5E and #967A1C. 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)

#BFAB5E - #967A1C | 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 #BFAB5E as 0% and #967A1C as 100%.

0.0%	0.0% #BFAB5E	RGB 191 171 94	#BFAB5E
16.7%	16.7% #B8A253	RGB 184 162 83	#B8A253
33.3%	33.3% #B19A48	RGB 177 154 72	#B19A48
50.0%	50.0% #AA923D	RGB 170 146 61	#AA923D
66.7%	66.7% #A38A32	RGB 163 138 50	#A38A32
83.3%	83.3% #9C8227	RGB 156 130 39	#9C8227
100.0%	100.0% #967A1C	RGB 150 122 28	#967A1C

#BFAB5E #B8A253 #B19A48 #AA923D #A38A32 #9C8227 #967A1C

#BFAB5E - #967A1C

HSV Blend

#BFAB5E - #967A1C | 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 #BFAB5E as 0% and #967A1C as 100%.

0.0%	0.0% #BFAB5E	RGB 191 171 94	#BFAB5E
16.7%	16.7% #B8A251	RGB 184 162 81	#B8A251
33.3%	33.3% #B19A45	RGB 177 154 69	#B19A45
50.0%	50.0% #AA9139	RGB 170 145 57	#AA9139
66.7%	66.7% #A3892F	RGB 163 137 47	#A3892F
83.3%	83.3% #9C8125	RGB 156 129 37	#9C8125
100.0%	100.0% #967A1C	RGB 150 122 28	#967A1C

#BFAB5E #B8A251 #B19A45 #AA9139 #A3892F #9C8125 #967A1C

#BFAB5E - #AA9139 - #967A1C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFAB5E 0%, #AA9139 50%, #967A1C 100%);
    background: -webkit-linear-gradient(top, #BFAB5E 0%, #AA9139 50%, #967A1C 100%);
    background: linear-gradient(to bottom, #BFAB5E 0%, #AA9139 50%, #967A1C 100%);
}
</style>