#8A8A8C - #3B423B | 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 #8A8A8C to #3B423B

#8A8A8C #3B423B

Calculate the color between two colors, #8A8A8C and #3B423B. 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)

#8A8A8C - #3B423B | 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 #8A8A8C as 0% and #3B423B as 100%.

0.0%	0.0% #8A8A8C	RGB 138 138 140	#8A8A8C
16.7%	16.7% #7C7E7E	RGB 124 126 126	#7C7E7E
33.3%	33.3% #6F7271	RGB 111 114 113	#6F7271
50.0%	50.0% #626663	RGB 98 102 99	#626663
66.7%	66.7% #555A56	RGB 85 90 86	#555A56
83.3%	83.3% #484E48	RGB 72 78 72	#484E48
100.0%	100.0% #3B423B	RGB 59 66 59	#3B423B

#8A8A8C #7C7E7E #6F7271 #626663 #555A56 #484E48 #3B423B

#8A8A8C - #3B423B

HSV Blend

#8A8A8C - #3B423B | 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 #8A8A8C as 0% and #3B423B as 100%.

0.0%	0.0% #8A8A8C	RGB 138 138 140	#8A8A8C
16.7%	16.7% #7B7D7F	RGB 123 125 127	#7B7D7F
33.3%	33.3% #6E7173	RGB 110 113 115	#6E7173
50.0%	50.0% #606767	RGB 96 103 103	#606767
66.7%	66.7% #535A58	RGB 83 90 88	#535A58
83.3%	83.3% #474E49	RGB 71 78 73	#474E49
100.0%	100.0% #3B423B	RGB 59 66 59	#3B423B

#8A8A8C #7B7D7F #6E7173 #606767 #535A58 #474E49 #3B423B

#8A8A8C - #606767 - #3B423B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A8A8C 0%, #606767 50%, #3B423B 100%);
    background: -webkit-linear-gradient(top, #8A8A8C 0%, #606767 50%, #3B423B 100%);
    background: linear-gradient(to bottom, #8A8A8C 0%, #606767 50%, #3B423B 100%);
}
</style>