#B2AB9E - #8D6B49 | 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 #B2AB9E to #8D6B49

#B2AB9E #8D6B49

Calculate the color between two colors, #B2AB9E and #8D6B49. 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)

#B2AB9E - #8D6B49 | 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 #B2AB9E as 0% and #8D6B49 as 100%.

0.0%	0.0% #B2AB9E	RGB 178 171 158	#B2AB9E
16.7%	16.7% #ABA08F	RGB 171 160 143	#ABA08F
33.3%	33.3% #A59581	RGB 165 149 129	#A59581
50.0%	50.0% #9F8B73	RGB 159 139 115	#9F8B73
66.7%	66.7% #998065	RGB 153 128 101	#998065
83.3%	83.3% #937557	RGB 147 117 87	#937557
100.0%	100.0% #8D6B49	RGB 141 107 73	#8D6B49

#B2AB9E #ABA08F #A59581 #9F8B73 #998065 #937557 #8D6B49

#B2AB9E - #8D6B49

HSV Blend

#B2AB9E - #8D6B49 | 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 #B2AB9E as 0% and #8D6B49 as 100%.

0.0%	0.0% #B2AB9E	RGB 178 171 158	#B2AB9E
16.7%	16.7% #ABA08D	RGB 171 160 141	#ABA08D
33.3%	33.3% #A5967E	RGB 165 150 126	#A5967E
50.0%	50.0% #9F8B70	RGB 159 139 112	#9F8B70
66.7%	66.7% #998062	RGB 153 128 98	#998062
83.3%	83.3% #937555	RGB 147 117 85	#937555
100.0%	100.0% #8D6B49	RGB 141 107 73	#8D6B49

#B2AB9E #ABA08D #A5967E #9F8B70 #998062 #937555 #8D6B49

#B2AB9E - #9F8B70 - #8D6B49

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2AB9E 0%, #9F8B70 50%, #8D6B49 100%);
    background: -webkit-linear-gradient(top, #B2AB9E 0%, #9F8B70 50%, #8D6B49 100%);
    background: linear-gradient(to bottom, #B2AB9E 0%, #9F8B70 50%, #8D6B49 100%);
}
</style>