#B2BAA7 - #6B8751 | 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 #B2BAA7 to #6B8751

#B2BAA7 #6B8751

Calculate the color between two colors, #B2BAA7 and #6B8751. 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)

#B2BAA7 - #6B8751 | 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 #B2BAA7 as 0% and #6B8751 as 100%.

0.0%	0.0% #B2BAA7	RGB 178 186 167	#B2BAA7
16.7%	16.7% #A6B198	RGB 166 177 152	#A6B198
33.3%	33.3% #9AA98A	RGB 154 169 138	#9AA98A
50.0%	50.0% #8EA07C	RGB 142 160 124	#8EA07C
66.7%	66.7% #82986D	RGB 130 152 109	#82986D
83.3%	83.3% #768F5F	RGB 118 143 95	#768F5F
100.0%	100.0% #6B8751	RGB 107 135 81	#6B8751

#B2BAA7 #A6B198 #9AA98A #8EA07C #82986D #768F5F #6B8751

#B2BAA7 - #6B8751

HSV Blend

#B2BAA7 - #6B8751 | 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 #B2BAA7 as 0% and #6B8751 as 100%.

0.0%	0.0% #B2BAA7	RGB 178 186 167	#B2BAA7
16.7%	16.7% #A5B196	RGB 165 177 150	#A5B196
33.3%	33.3% #99A986	RGB 153 169 134	#99A986
50.0%	50.0% #8DA078	RGB 141 160 120	#8DA078
66.7%	66.7% #81986A	RGB 129 152 106	#81986A
83.3%	83.3% #768F5D	RGB 118 143 93	#768F5D
100.0%	100.0% #6B8751	RGB 107 135 81	#6B8751

#B2BAA7 #A5B196 #99A986 #8DA078 #81986A #768F5D #6B8751

#B2BAA7 - #8DA078 - #6B8751

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2BAA7 0%, #8DA078 50%, #6B8751 100%);
    background: -webkit-linear-gradient(top, #B2BAA7 0%, #8DA078 50%, #6B8751 100%);
    background: linear-gradient(to bottom, #B2BAA7 0%, #8DA078 50%, #6B8751 100%);
}
</style>