#BFC09B - #828846 | 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 #BFC09B to #828846

#BFC09B #828846

Calculate the color between two colors, #BFC09B and #828846. 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)

#BFC09B - #828846 | 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 #BFC09B as 0% and #828846 as 100%.

0.0%	0.0% #BFC09B	RGB 191 192 155	#BFC09B
16.7%	16.7% #B4B68C	RGB 180 182 140	#B4B68C
33.3%	33.3% #AAAD7E	RGB 170 173 126	#AAAD7E
50.0%	50.0% #A0A470	RGB 160 164 112	#A0A470
66.7%	66.7% #969A62	RGB 150 154 98	#969A62
83.3%	83.3% #8C9154	RGB 140 145 84	#8C9154
100.0%	100.0% #828846	RGB 130 136 70	#828846

#BFC09B #B4B68C #AAAD7E #A0A470 #969A62 #8C9154 #828846

#BFC09B - #828846

HSV Blend

#BFC09B - #828846 | 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 #BFC09B as 0% and #828846 as 100%.

0.0%	0.0% #BFC09B	RGB 191 192 155	#BFC09B
16.7%	16.7% #B5B68A	RGB 181 182 138	#B5B68A
33.3%	33.3% #AAAD7B	RGB 170 173 123	#AAAD7B
50.0%	50.0% #A0A46C	RGB 160 164 108	#A0A46C
66.7%	66.7% #969A5E	RGB 150 154 94	#969A5E
83.3%	83.3% #8C9151	RGB 140 145 81	#8C9151
100.0%	100.0% #828846	RGB 130 136 70	#828846

#BFC09B #B5B68A #AAAD7B #A0A46C #969A5E #8C9151 #828846

#BFC09B - #A0A46C - #828846

CSS codes

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

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