#9A8C8D - #6C433C | 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 #9A8C8D to #6C433C

#9A8C8D #6C433C

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

#9A8C8D - #6C433C | 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 #9A8C8D as 0% and #6C433C as 100%.

0.0%	0.0% #9A8C8D	RGB 154 140 141	#9A8C8D
16.7%	16.7% #927F7F	RGB 146 127 127	#927F7F
33.3%	33.3% #8A7372	RGB 138 115 114	#8A7372
50.0%	50.0% #836764	RGB 131 103 100	#836764
66.7%	66.7% #7B5B57	RGB 123 91 87	#7B5B57
83.3%	83.3% #734F49	RGB 115 79 73	#734F49
100.0%	100.0% #6C433C	RGB 108 67 60	#6C433C

#9A8C8D #927F7F #8A7372 #836764 #7B5B57 #734F49 #6C433C

#9A8C8D - #6C433C

HSV Blend

#9A8C8D - #6C433C | 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 #9A8C8D as 0% and #6C433C as 100%.

0.0%	0.0% #9A8C8D	RGB 154 140 141	#9A8C8D
16.7%	16.7% #927C7D	RGB 146 124 125	#927C7D
33.3%	33.3% #8A6D6D	RGB 138 109 109	#8A6D6D
50.0%	50.0% #83615F	RGB 131 97 95	#83615F
66.7%	66.7% #7B5653	RGB 123 86 83	#7B5653
83.3%	83.3% #734B47	RGB 115 75 71	#734B47
100.0%	100.0% #6C433C	RGB 108 67 60	#6C433C

#9A8C8D #927C7D #8A6D6D #83615F #7B5653 #734B47 #6C433C

#9A8C8D - #83615F - #6C433C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8C8D 0%, #83615F 50%, #6C433C 100%);
    background: -webkit-linear-gradient(top, #9A8C8D 0%, #83615F 50%, #6C433C 100%);
    background: linear-gradient(to bottom, #9A8C8D 0%, #83615F 50%, #6C433C 100%);
}
</style>