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

#8B8A8C #413C44

Calculate the color between two colors, #8B8A8C and #413C44. 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 - #413C44 | 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 #413C44 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% #666368	RGB 102 99 104	#666368
66.7%	66.7% #59565C	RGB 89 86 92	#59565C
83.3%	83.3% #4D4950	RGB 77 73 80	#4D4950
100.0%	100.0% #413C44	RGB 65 60 68	#413C44

#8B8A8C #7E7D80 #727074 #666368 #59565C #4D4950 #413C44

#8B8A8C - #413C44

HSV Blend

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

0.0%	0.0% #8B8A8C	RGB 139 138 140	#8B8A8C
16.7%	16.7% #7E7B80	RGB 126 123 128	#7E7B80
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% #4C4750	RGB 76 71 80	#4C4750
100.0%	100.0% #413C44	RGB 65 60 68	#413C44

#8B8A8C #7E7B80 #716E74 #646168 #58545C #4C4750 #413C44

#8B8A8C - #646168 - #413C44

CSS codes

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

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