#8C8A8C - #3B4240 | 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 #8C8A8C to #3B4240

#8C8A8C #3B4240

Calculate the color between two colors, #8C8A8C and #3B4240. 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)

#8C8A8C - #3B4240 | 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 #8C8A8C as 0% and #3B4240 as 100%.

0.0%	0.0% #8C8A8C	RGB 140 138 140	#8C8A8C
16.7%	16.7% #7E7E7F	RGB 126 126 127	#7E7E7F
33.3%	33.3% #717272	RGB 113 114 114	#717272
50.0%	50.0% #636666	RGB 99 102 102	#636666
66.7%	66.7% #565A59	RGB 86 90 89	#565A59
83.3%	83.3% #484E4C	RGB 72 78 76	#484E4C
100.0%	100.0% #3B4240	RGB 59 66 64	#3B4240

#8C8A8C #7E7E7F #717272 #636666 #565A59 #484E4C #3B4240

#8C8A8C - #3B4240

HSV Blend

#8C8A8C - #3B4240 | 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 #8C8A8C as 0% and #3B4240 as 100%.

0.0%	0.0% #8C8A8C	RGB 140 138 140	#8C8A8C
16.7%	16.7% #7E7B7F	RGB 126 123 127	#7E7B7F
33.3%	33.3% #6F6E73	RGB 111 110 115	#6F6E73
50.0%	50.0% #606167	RGB 96 97 103	#606167
66.7%	66.7% #53575A	RGB 83 87 90	#53575A
83.3%	83.3% #474D4E	RGB 71 77 78	#474D4E
100.0%	100.0% #3B4240	RGB 59 66 64	#3B4240

#8C8A8C #7E7B7F #6F6E73 #606167 #53575A #474D4E #3B4240

#8C8A8C - #606167 - #3B4240

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8A8C 0%, #606167 50%, #3B4240 100%);
    background: -webkit-linear-gradient(top, #8C8A8C 0%, #606167 50%, #3B4240 100%);
    background: linear-gradient(to bottom, #8C8A8C 0%, #606167 50%, #3B4240 100%);
}
</style>