#8A8B8C - #40423B | 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 #8A8B8C to #40423B

#8A8B8C #40423B

Calculate the color between two colors, #8A8B8C and #40423B. 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)

#8A8B8C - #40423B | 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 #8A8B8C as 0% and #40423B as 100%.

0.0%	0.0% #8A8B8C	RGB 138 139 140	#8A8B8C
16.7%	16.7% #7D7E7E	RGB 125 126 126	#7D7E7E
33.3%	33.3% #717271	RGB 113 114 113	#717271
50.0%	50.0% #656663	RGB 101 102 99	#656663
66.7%	66.7% #585A56	RGB 88 90 86	#585A56
83.3%	83.3% #4C4E48	RGB 76 78 72	#4C4E48
100.0%	100.0% #40423B	RGB 64 66 59	#40423B

#8A8B8C #7D7E7E #717271 #656663 #585A56 #4C4E48 #40423B

#8A8B8C - #40423B

HSV Blend

#8A8B8C - #40423B | 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 #8A8B8C as 0% and #40423B as 100%.

0.0%	0.0% #8A8B8C	RGB 138 139 140	#8A8B8C
16.7%	16.7% #7B7F7F	RGB 123 127 127	#7B7F7F
33.3%	33.3% #6E7372	RGB 110 115 114	#6E7372
50.0%	50.0% #606763	RGB 96 103 99	#606763
66.7%	66.7% #535A53	RGB 83 90 83	#535A53
83.3%	83.3% #494E47	RGB 73 78 71	#494E47
100.0%	100.0% #40423B	RGB 64 66 59	#40423B

#8A8B8C #7B7F7F #6E7372 #606763 #535A53 #494E47 #40423B

#8A8B8C - #606763 - #40423B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A8B8C 0%, #606763 50%, #40423B 100%);
    background: -webkit-linear-gradient(top, #8A8B8C 0%, #606763 50%, #40423B 100%);
    background: linear-gradient(to bottom, #8A8B8C 0%, #606763 50%, #40423B 100%);
}
</style>