#9A8C8E - #82363B | 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 #9A8C8E to #82363B

#9A8C8E #82363B

Calculate the color between two colors, #9A8C8E and #82363B. 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)

#9A8C8E - #82363B | 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 #9A8C8E as 0% and #82363B as 100%.

0.0%	0.0% #9A8C8E	RGB 154 140 142	#9A8C8E
16.7%	16.7% #967D80	RGB 150 125 128	#967D80
33.3%	33.3% #926F72	RGB 146 111 114	#926F72
50.0%	50.0% #8E6164	RGB 142 97 100	#8E6164
66.7%	66.7% #8A5256	RGB 138 82 86	#8A5256
83.3%	83.3% #864448	RGB 134 68 72	#864448
100.0%	100.0% #82363B	RGB 130 54 59	#82363B

#9A8C8E #967D80 #926F72 #8E6164 #8A5256 #864448 #82363B

#9A8C8E - #82363B

HSV Blend

#9A8C8E - #82363B | 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 #9A8C8E as 0% and #82363B as 100%.

0.0%	0.0% #9A8C8E	RGB 154 140 142	#9A8C8E
16.7%	16.7% #967C7F	RGB 150 124 127	#967C7F
33.3%	33.3% #926C71	RGB 146 108 113	#926C71
50.0%	50.0% #8E5E63	RGB 142 94 99	#8E5E63
66.7%	66.7% #8A5055	RGB 138 80 85	#8A5055
83.3%	83.3% #864247	RGB 134 66 71	#864247
100.0%	100.0% #82363B	RGB 130 54 59	#82363B

#9A8C8E #967C7F #926C71 #8E5E63 #8A5055 #864247 #82363B

#9A8C8E - #8E5E63 - #82363B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8C8E 0%, #8E5E63 50%, #82363B 100%);
    background: -webkit-linear-gradient(top, #9A8C8E 0%, #8E5E63 50%, #82363B 100%);
    background: linear-gradient(to bottom, #9A8C8E 0%, #8E5E63 50%, #82363B 100%);
}
</style>