#B6B0AF - #7C5E59 | 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 #B6B0AF to #7C5E59

#B6B0AF #7C5E59

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

#B6B0AF - #7C5E59 | 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 #B6B0AF as 0% and #7C5E59 as 100%.

0.0%	0.0% #B6B0AF	RGB 182 176 175	#B6B0AF
16.7%	16.7% #ACA2A0	RGB 172 162 160	#ACA2A0
33.3%	33.3% #A29492	RGB 162 148 146	#A29492
50.0%	50.0% #998784	RGB 153 135 132	#998784
66.7%	66.7% #8F7975	RGB 143 121 117	#8F7975
83.3%	83.3% #856B67	RGB 133 107 103	#856B67
100.0%	100.0% #7C5E59	RGB 124 94 89	#7C5E59

#B6B0AF #ACA2A0 #A29492 #998784 #8F7975 #856B67 #7C5E59

#B6B0AF - #7C5E59

HSV Blend

#B6B0AF - #7C5E59 | 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 #B6B0AF as 0% and #7C5E59 as 100%.

0.0%	0.0% #B6B0AF	RGB 182 176 175	#B6B0AF
16.7%	16.7% #ACA09E	RGB 172 160 158	#ACA09E
33.3%	33.3% #A2918F	RGB 162 145 143	#A2918F
50.0%	50.0% #998380	RGB 153 131 128	#998380
66.7%	66.7% #8F7672	RGB 143 118 114	#8F7672
83.3%	83.3% #856965	RGB 133 105 101	#856965
100.0%	100.0% #7C5E59	RGB 124 94 89	#7C5E59

#B6B0AF #ACA09E #A2918F #998380 #8F7672 #856965 #7C5E59

#B6B0AF - #998380 - #7C5E59

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6B0AF 0%, #998380 50%, #7C5E59 100%);
    background: -webkit-linear-gradient(top, #B6B0AF 0%, #998380 50%, #7C5E59 100%);
    background: linear-gradient(to bottom, #B6B0AF 0%, #998380 50%, #7C5E59 100%);
}
</style>