#B2B2A8 - #857853 | 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 #B2B2A8 to #857853

#B2B2A8 #857853

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

#B2B2A8 - #857853 | 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 #B2B2A8 as 0% and #857853 as 100%.

0.0%	0.0% #B2B2A8	RGB 178 178 168	#B2B2A8
16.7%	16.7% #AAA899	RGB 170 168 153	#AAA899
33.3%	33.3% #A39E8B	RGB 163 158 139	#A39E8B
50.0%	50.0% #9B957D	RGB 155 149 125	#9B957D
66.7%	66.7% #948B6F	RGB 148 139 111	#948B6F
83.3%	83.3% #8C8161	RGB 140 129 97	#8C8161
100.0%	100.0% #857853	RGB 133 120 83	#857853

#B2B2A8 #AAA899 #A39E8B #9B957D #948B6F #8C8161 #857853

#B2B2A8 - #857853

HSV Blend

#B2B2A8 - #857853 | 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 #B2B2A8 as 0% and #857853 as 100%.

0.0%	0.0% #B2B2A8	RGB 178 178 168	#B2B2A8
16.7%	16.7% #AAA997	RGB 170 169 151	#AAA997
33.3%	33.3% #A3A088	RGB 163 160 136	#A3A088
50.0%	50.0% #9B9779	RGB 155 151 121	#9B9779
66.7%	66.7% #948D6C	RGB 148 141 108	#948D6C
83.3%	83.3% #8C825F	RGB 140 130 95	#8C825F
100.0%	100.0% #857853	RGB 133 120 83	#857853

#B2B2A8 #AAA997 #A3A088 #9B9779 #948D6C #8C825F #857853

#B2B2A8 - #9B9779 - #857853

CSS codes

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

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