#8A8A8D - #32473E | 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 #8A8A8D to #32473E

#8A8A8D #32473E

Calculate the color between two colors, #8A8A8D and #32473E. 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)

#8A8A8D - #32473E | 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 #8A8A8D as 0% and #32473E as 100%.

0.0%	0.0% #8A8A8D	RGB 138 138 141	#8A8A8D
16.7%	16.7% #7B7E7F	RGB 123 126 127	#7B7E7F
33.3%	33.3% #6C7372	RGB 108 115 114	#6C7372
50.0%	50.0% #5E6865	RGB 94 104 101	#5E6865
66.7%	66.7% #4F5D58	RGB 79 93 88	#4F5D58
83.3%	83.3% #40524B	RGB 64 82 75	#40524B
100.0%	100.0% #32473E	RGB 50 71 62	#32473E

#8A8A8D #7B7E7F #6C7372 #5E6865 #4F5D58 #40524B #32473E

#8A8A8D - #32473E

HSV Blend

#8A8A8D - #32473E | 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 #8A8A8D as 0% and #32473E as 100%.

0.0%	0.0% #8A8A8D	RGB 138 138 141	#8A8A8D
16.7%	16.7% #787A81	RGB 120 122 129	#787A81
33.3%	33.3% #686E75	RGB 104 110 117	#686E75
50.0%	50.0% #59656A	RGB 89 101 106	#59656A
66.7%	66.7% #4B5D5E	RGB 75 93 94	#4B5D5E
83.3%	83.3% #3D524E	RGB 61 82 78	#3D524E
100.0%	100.0% #32473E	RGB 50 71 62	#32473E

#8A8A8D #787A81 #686E75 #59656A #4B5D5E #3D524E #32473E

#8A8A8D - #59656A - #32473E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A8A8D 0%, #59656A 50%, #32473E 100%);
    background: -webkit-linear-gradient(top, #8A8A8D 0%, #59656A 50%, #32473E 100%);
    background: linear-gradient(to bottom, #8A8A8D 0%, #59656A 50%, #32473E 100%);
}
</style>