#BFB085 - #8F8724 | 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 #BFB085 to #8F8724

#BFB085 #8F8724

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

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

0.0%	0.0% #BFB085	RGB 191 176 133	#BFB085
16.7%	16.7% #B7A974	RGB 183 169 116	#B7A974
33.3%	33.3% #AFA264	RGB 175 162 100	#AFA264
50.0%	50.0% #A79B54	RGB 167 155 84	#A79B54
66.7%	66.7% #9F9444	RGB 159 148 68	#9F9444
83.3%	83.3% #978D34	RGB 151 141 52	#978D34
100.0%	100.0% #8F8724	RGB 143 135 36	#8F8724

#BFB085 #B7A974 #AFA264 #A79B54 #9F9444 #978D34 #8F8724

#BFB085 - #8F8724

HSV Blend

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

0.0%	0.0% #BFB085	RGB 191 176 133	#BFB085
16.7%	16.7% #B7A771	RGB 183 167 113	#B7A771
33.3%	33.3% #AF9F5F	RGB 175 159 95	#AF9F5F
50.0%	50.0% #A7984F	RGB 167 152 79	#A7984F
66.7%	66.7% #9F923F	RGB 159 146 63	#9F923F
83.3%	83.3% #978C31	RGB 151 140 49	#978C31
100.0%	100.0% #8F8724	RGB 143 135 36	#8F8724

#BFB085 #B7A771 #AF9F5F #A7984F #9F923F #978C31 #8F8724

#BFB085 - #A7984F - #8F8724

CSS codes

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

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