#BFC1B1 - #7E895C | 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 #BFC1B1 to #7E895C

#BFC1B1 #7E895C

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

#BFC1B1 - #7E895C | 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 #BFC1B1 as 0% and #7E895C as 100%.

0.0%	0.0% #BFC1B1	RGB 191 193 177	#BFC1B1
16.7%	16.7% #B4B7A2	RGB 180 183 162	#B4B7A2
33.3%	33.3% #A9AE94	RGB 169 174 148	#A9AE94
50.0%	50.0% #9EA586	RGB 158 165 134	#9EA586
66.7%	66.7% #939B78	RGB 147 155 120	#939B78
83.3%	83.3% #88926A	RGB 136 146 106	#88926A
100.0%	100.0% #7E895C	RGB 126 137 92	#7E895C

#BFC1B1 #B4B7A2 #A9AE94 #9EA586 #939B78 #88926A #7E895C

#BFC1B1 - #7E895C

HSV Blend

#BFC1B1 - #7E895C | 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 #BFC1B1 as 0% and #7E895C as 100%.

0.0%	0.0% #BFC1B1	RGB 191 193 177	#BFC1B1
16.7%	16.7% #B4B7A0	RGB 180 183 160	#B4B7A0
33.3%	33.3% #A9AE91	RGB 169 174 145	#A9AE91
50.0%	50.0% #9EA583	RGB 158 165 131	#9EA583
66.7%	66.7% #939B75	RGB 147 155 117	#939B75
83.3%	83.3% #889268	RGB 136 146 104	#889268
100.0%	100.0% #7E895C	RGB 126 137 92	#7E895C

#BFC1B1 #B4B7A0 #A9AE91 #9EA583 #939B75 #889268 #7E895C

#BFC1B1 - #9EA583 - #7E895C

CSS codes

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

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