#B6B6B5 - #715A56 | 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 #B6B6B5 to #715A56

#B6B6B5 #715A56

Calculate the color between two colors, #B6B6B5 and #715A56. 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)

#B6B6B5 - #715A56 | 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 #B6B6B5 as 0% and #715A56 as 100%.

0.0%	0.0% #B6B6B5	RGB 182 182 181	#B6B6B5
16.7%	16.7% #AAA6A5	RGB 170 166 165	#AAA6A5
33.3%	33.3% #9F9795	RGB 159 151 149	#9F9795
50.0%	50.0% #938885	RGB 147 136 133	#938885
66.7%	66.7% #887875	RGB 136 120 117	#887875
83.3%	83.3% #7C6965	RGB 124 105 101	#7C6965
100.0%	100.0% #715A56	RGB 113 90 86	#715A56

#B6B6B5 #AAA6A5 #9F9795 #938885 #887875 #7C6965 #715A56

#B6B6B5 - #715A56

HSV Blend

#B6B6B5 - #715A56 | 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 #B6B6B5 as 0% and #715A56 as 100%.

0.0%	0.0% #B6B6B5	RGB 182 182 181	#B6B6B5
16.7%	16.7% #AAA9A2	RGB 170 169 162	#AAA9A2
33.3%	33.3% #9F9B91	RGB 159 155 145	#9F9B91
50.0%	50.0% #938B81	RGB 147 139 129	#938B81
66.7%	66.7% #887B72	RGB 136 123 114	#887B72
83.3%	83.3% #7C6A63	RGB 124 106 99	#7C6A63
100.0%	100.0% #715A56	RGB 113 90 86	#715A56

#B6B6B5 #AAA9A2 #9F9B91 #938B81 #887B72 #7C6A63 #715A56

#B6B6B5 - #938B81 - #715A56

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6B6B5 0%, #938B81 50%, #715A56 100%);
    background: -webkit-linear-gradient(top, #B6B6B5 0%, #938B81 50%, #715A56 100%);
    background: linear-gradient(to bottom, #B6B6B5 0%, #938B81 50%, #715A56 100%);
}
</style>