#B3C0AC - #6A895B | 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 #B3C0AC to #6A895B

#B3C0AC #6A895B

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

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

0.0%	0.0% #B3C0AC	RGB 179 192 172	#B3C0AC
16.7%	16.7% #A6B69E	RGB 166 182 158	#A6B69E
33.3%	33.3% #9AAD91	RGB 154 173 145	#9AAD91
50.0%	50.0% #8EA483	RGB 142 164 131	#8EA483
66.7%	66.7% #829B76	RGB 130 155 118	#829B76
83.3%	83.3% #769268	RGB 118 146 104	#769268
100.0%	100.0% #6A895B	RGB 106 137 91	#6A895B

#B3C0AC #A6B69E #9AAD91 #8EA483 #829B76 #769268 #6A895B

#B3C0AC - #6A895B

HSV Blend

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

0.0%	0.0% #B3C0AC	RGB 179 192 172	#B3C0AC
16.7%	16.7% #A5B69C	RGB 165 182 156	#A5B69C
33.3%	33.3% #98AD8E	RGB 152 173 142	#98AD8E
50.0%	50.0% #8CA480	RGB 140 164 128	#8CA480
66.7%	66.7% #809B73	RGB 128 155 115	#809B73
83.3%	83.3% #759266	RGB 117 146 102	#759266
100.0%	100.0% #6A895B	RGB 106 137 91	#6A895B

#B3C0AC #A5B69C #98AD8E #8CA480 #809B73 #759266 #6A895B

#B3C0AC - #8CA480 - #6A895B

CSS codes

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

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