#8B8A8C - #403C44 | 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 #8B8A8C to #403C44

#8B8A8C #403C44

Calculate the color between two colors, #8B8A8C and #403C44. 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)

#8B8A8C - #403C44 | 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 #8B8A8C as 0% and #403C44 as 100%.

0.0%	0.0% #8B8A8C	RGB 139 138 140	#8B8A8C
16.7%	16.7% #7E7D80	RGB 126 125 128	#7E7D80
33.3%	33.3% #727074	RGB 114 112 116	#727074
50.0%	50.0% #656368	RGB 101 99 104	#656368
66.7%	66.7% #59565C	RGB 89 86 92	#59565C
83.3%	83.3% #4C4950	RGB 76 73 80	#4C4950
100.0%	100.0% #403C44	RGB 64 60 68	#403C44

#8B8A8C #7E7D80 #727074 #656368 #59565C #4C4950 #403C44

#8B8A8C - #403C44

HSV Blend

#8B8A8C - #403C44 | 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 #8B8A8C as 0% and #403C44 as 100%.

0.0%	0.0% #8B8A8C	RGB 139 138 140	#8B8A8C
16.7%	16.7% #7D7B80	RGB 125 123 128	#7D7B80
33.3%	33.3% #716E74	RGB 113 110 116	#716E74
50.0%	50.0% #646168	RGB 100 97 104	#646168
66.7%	66.7% #58545C	RGB 88 84 92	#58545C
83.3%	83.3% #4B4750	RGB 75 71 80	#4B4750
100.0%	100.0% #403C44	RGB 64 60 68	#403C44

#8B8A8C #7D7B80 #716E74 #646168 #58545C #4B4750 #403C44

#8B8A8C - #646168 - #403C44

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B8A8C 0%, #646168 50%, #403C44 100%);
    background: -webkit-linear-gradient(top, #8B8A8C 0%, #646168 50%, #403C44 100%);
    background: linear-gradient(to bottom, #8B8A8C 0%, #646168 50%, #403C44 100%);
}
</style>