#BFC0BA - #7D8765 | 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 #BFC0BA to #7D8765

#BFC0BA #7D8765

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

#BFC0BA - #7D8765 | 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 #BFC0BA as 0% and #7D8765 as 100%.

0.0%	0.0% #BFC0BA	RGB 191 192 186	#BFC0BA
16.7%	16.7% #B4B6AB	RGB 180 182 171	#B4B6AB
33.3%	33.3% #A9AD9D	RGB 169 173 157	#A9AD9D
50.0%	50.0% #9EA38F	RGB 158 163 143	#9EA38F
66.7%	66.7% #939A81	RGB 147 154 129	#939A81
83.3%	83.3% #889073	RGB 136 144 115	#889073
100.0%	100.0% #7D8765	RGB 125 135 101	#7D8765

#BFC0BA #B4B6AB #A9AD9D #9EA38F #939A81 #889073 #7D8765

#BFC0BA - #7D8765

HSV Blend

#BFC0BA - #7D8765 | 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 #BFC0BA as 0% and #7D8765 as 100%.

0.0%	0.0% #BFC0BA	RGB 191 192 186	#BFC0BA
16.7%	16.7% #B4B6AA	RGB 180 182 170	#B4B6AA
33.3%	33.3% #A9AD9A	RGB 169 173 154	#A9AD9A
50.0%	50.0% #9EA38C	RGB 158 163 140	#9EA38C
66.7%	66.7% #939A7E	RGB 147 154 126	#939A7E
83.3%	83.3% #889071	RGB 136 144 113	#889071
100.0%	100.0% #7D8765	RGB 125 135 101	#7D8765

#BFC0BA #B4B6AA #A9AD9A #9EA38C #939A7E #889071 #7D8765

#BFC0BA - #9EA38C - #7D8765

CSS codes

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

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