#B6AEB1 - #6C5E52 | 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 #B6AEB1 to #6C5E52

#B6AEB1 #6C5E52

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

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

0.0%	0.0% #B6AEB1	RGB 182 174 177	#B6AEB1
16.7%	16.7% #A9A0A1	RGB 169 160 161	#A9A0A1
33.3%	33.3% #9D9391	RGB 157 147 145	#9D9391
50.0%	50.0% #918681	RGB 145 134 129	#918681
66.7%	66.7% #847871	RGB 132 120 113	#847871
83.3%	83.3% #786B61	RGB 120 107 97	#786B61
100.0%	100.0% #6C5E52	RGB 108 94 82	#6C5E52

#B6AEB1 #A9A0A1 #9D9391 #918681 #847871 #786B61 #6C5E52

#B6AEB1 - #6C5E52

HSV Blend

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

0.0%	0.0% #B6AEB1	RGB 182 174 177	#B6AEB1
16.7%	16.7% #A99C9F	RGB 169 156 159	#A99C9F
33.3%	33.3% #9D8C8D	RGB 157 140 141	#9D8C8D
50.0%	50.0% #917D7C	RGB 145 125 124	#917D7C
66.7%	66.7% #84716D	RGB 132 113 109	#84716D
83.3%	83.3% #78675F	RGB 120 103 95	#78675F
100.0%	100.0% #6C5E52	RGB 108 94 82	#6C5E52

#B6AEB1 #A99C9F #9D8C8D #917D7C #84716D #78675F #6C5E52

#B6AEB1 - #917D7C - #6C5E52

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6AEB1 0%, #917D7C 50%, #6C5E52 100%);
    background: -webkit-linear-gradient(top, #B6AEB1 0%, #917D7C 50%, #6C5E52 100%);
    background: linear-gradient(to bottom, #B6AEB1 0%, #917D7C 50%, #6C5E52 100%);
}
</style>