#8C8C8C - #47357A | 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 #8C8C8C to #47357A

#8C8C8C #47357A

Calculate the color between two colors, #8C8C8C and #47357A. 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)

#8C8C8C - #47357A | 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 #8C8C8C as 0% and #47357A as 100%.

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #807D89	RGB 128 125 137	#807D89
33.3%	33.3% #756F86	RGB 117 111 134	#756F86
50.0%	50.0% #696083	RGB 105 96 131	#696083
66.7%	66.7% #5E5280	RGB 94 82 128	#5E5280
83.3%	83.3% #52437D	RGB 82 67 125	#52437D
100.0%	100.0% #47357A	RGB 71 53 122	#47357A

#8C8C8C #807D89 #756F86 #696083 #5E5280 #52437D #47357A

#8C8C8C - #47357A

HSV Blend

#8C8C8C - #47357A | 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 #8C8C8C as 0% and #47357A as 100%.

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #897C7F	RGB 137 124 127	#897C7F
33.3%	33.3% #866C7B	RGB 134 108 123	#866C7B
50.0%	50.0% #835D7E	RGB 131 93 126	#835D7E
66.7%	66.7% #784F80	RGB 120 79 128	#784F80
83.3%	83.3% #62427D	RGB 98 66 125	#62427D
100.0%	100.0% #47357A	RGB 71 53 122	#47357A

#8C8C8C #897C7F #866C7B #835D7E #784F80 #62427D #47357A

#8C8C8C - #835D7E - #47357A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8C8C 0%, #835D7E 50%, #47357A 100%);
    background: -webkit-linear-gradient(top, #8C8C8C 0%, #835D7E 50%, #47357A 100%);
    background: linear-gradient(to bottom, #8C8C8C 0%, #835D7E 50%, #47357A 100%);
}
</style>