#8C9C95 - #3E4E43 | 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 #8C9C95 to #3E4E43

#8C9C95 #3E4E43

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

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

0.0%	0.0% #8C9C95	RGB 140 156 149	#8C9C95
16.7%	16.7% #7F8F87	RGB 127 143 135	#7F8F87
33.3%	33.3% #728279	RGB 114 130 121	#728279
50.0%	50.0% #65756C	RGB 101 117 108	#65756C
66.7%	66.7% #58685E	RGB 88 104 94	#58685E
83.3%	83.3% #4B5B50	RGB 75 91 80	#4B5B50
100.0%	100.0% #3E4E43	RGB 62 78 67	#3E4E43

#8C9C95 #7F8F87 #728279 #65756C #58685E #4B5B50 #3E4E43

#8C9C95 - #3E4E43

HSV Blend

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

0.0%	0.0% #8C9C95	RGB 140 156 149	#8C9C95
16.7%	16.7% #7D8F86	RGB 125 143 134	#7D8F86
33.3%	33.3% #708278	RGB 112 130 120	#708278
50.0%	50.0% #63756A	RGB 99 117 106	#63756A
66.7%	66.7% #56685D	RGB 86 104 93	#56685D
83.3%	83.3% #495B4F	RGB 73 91 79	#495B4F
100.0%	100.0% #3E4E43	RGB 62 78 67	#3E4E43

#8C9C95 #7D8F86 #708278 #63756A #56685D #495B4F #3E4E43

#8C9C95 - #63756A - #3E4E43

CSS codes

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

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