#BFC4A8 - #7E8F53 | 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 #BFC4A8 to #7E8F53

#BFC4A8 #7E8F53

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

#BFC4A8 - #7E8F53 | 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 #BFC4A8 as 0% and #7E8F53 as 100%.

0.0%	0.0% #BFC4A8	RGB 191 196 168	#BFC4A8
16.7%	16.7% #B4BB99	RGB 180 187 153	#B4BB99
33.3%	33.3% #A9B28B	RGB 169 178 139	#A9B28B
50.0%	50.0% #9EA97D	RGB 158 169 125	#9EA97D
66.7%	66.7% #93A06F	RGB 147 160 111	#93A06F
83.3%	83.3% #889761	RGB 136 151 97	#889761
100.0%	100.0% #7E8F53	RGB 126 143 83	#7E8F53

#BFC4A8 #B4BB99 #A9B28B #9EA97D #93A06F #889761 #7E8F53

#BFC4A8 - #7E8F53

HSV Blend

#BFC4A8 - #7E8F53 | 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 #BFC4A8 as 0% and #7E8F53 as 100%.

0.0%	0.0% #BFC4A8	RGB 191 196 168	#BFC4A8
16.7%	16.7% #B4BB97	RGB 180 187 151	#B4BB97
33.3%	33.3% #A9B288	RGB 169 178 136	#A9B288
50.0%	50.0% #9EA979	RGB 158 169 121	#9EA979
66.7%	66.7% #93A06C	RGB 147 160 108	#93A06C
83.3%	83.3% #88975F	RGB 136 151 95	#88975F
100.0%	100.0% #7E8F53	RGB 126 143 83	#7E8F53

#BFC4A8 #B4BB97 #A9B288 #9EA979 #93A06C #88975F #7E8F53

#BFC4A8 - #9EA979 - #7E8F53

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFC4A8 0%, #9EA979 50%, #7E8F53 100%);
    background: -webkit-linear-gradient(top, #BFC4A8 0%, #9EA979 50%, #7E8F53 100%);
    background: linear-gradient(to bottom, #BFC4A8 0%, #9EA979 50%, #7E8F53 100%);
}
</style>