#BFC0A8 - #898A3E | 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 #BFC0A8 to #898A3E

#BFC0A8 #898A3E

Calculate the color between two colors, #BFC0A8 and #898A3E. 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)

#BFC0A8 - #898A3E | 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 #BFC0A8 as 0% and #898A3E as 100%.

0.0%	0.0% #BFC0A8	RGB 191 192 168	#BFC0A8
16.7%	16.7% #B6B796	RGB 182 183 150	#B6B796
33.3%	33.3% #ADAE84	RGB 173 174 132	#ADAE84
50.0%	50.0% #A4A573	RGB 164 165 115	#A4A573
66.7%	66.7% #9B9C61	RGB 155 156 97	#9B9C61
83.3%	83.3% #92934F	RGB 146 147 79	#92934F
100.0%	100.0% #898A3E	RGB 137 138 62	#898A3E

#BFC0A8 #B6B796 #ADAE84 #A4A573 #9B9C61 #92934F #898A3E

#BFC0A8 - #898A3E

HSV Blend

#BFC0A8 - #898A3E | 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 #BFC0A8 as 0% and #898A3E as 100%.

0.0%	0.0% #BFC0A8	RGB 191 192 168	#BFC0A8
16.7%	16.7% #B5B793	RGB 181 183 147	#B5B793
33.3%	33.3% #ACAE7F	RGB 172 174 127	#ACAE7F
50.0%	50.0% #A3A56D	RGB 163 165 109	#A3A56D
66.7%	66.7% #9A9C5C	RGB 154 156 92	#9A9C5C
83.3%	83.3% #91934C	RGB 145 147 76	#91934C
100.0%	100.0% #898A3E	RGB 137 138 62	#898A3E

#BFC0A8 #B5B793 #ACAE7F #A3A56D #9A9C5C #91934C #898A3E

#BFC0A8 - #A3A56D - #898A3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFC0A8 0%, #A3A56D 50%, #898A3E 100%);
    background: -webkit-linear-gradient(top, #BFC0A8 0%, #A3A56D 50%, #898A3E 100%);
    background: linear-gradient(to bottom, #BFC0A8 0%, #A3A56D 50%, #898A3E 100%);
}
</style>