#9C8C96 - #4E3E4C | 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 #9C8C96 to #4E3E4C

#9C8C96 #4E3E4C

Calculate the color between two colors, #9C8C96 and #4E3E4C. 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)

#9C8C96 - #4E3E4C | 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 #9C8C96 as 0% and #4E3E4C as 100%.

0.0%	0.0% #9C8C96	RGB 156 140 150	#9C8C96
16.7%	16.7% #8F7F89	RGB 143 127 137	#8F7F89
33.3%	33.3% #82727D	RGB 130 114 125	#82727D
50.0%	50.0% #756571	RGB 117 101 113	#756571
66.7%	66.7% #685864	RGB 104 88 100	#685864
83.3%	83.3% #5B4B58	RGB 91 75 88	#5B4B58
100.0%	100.0% #4E3E4C	RGB 78 62 76	#4E3E4C

#9C8C96 #8F7F89 #82727D #756571 #685864 #5B4B58 #4E3E4C

#9C8C96 - #4E3E4C

HSV Blend

#9C8C96 - #4E3E4C | 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 #9C8C96 as 0% and #4E3E4C as 100%.

0.0%	0.0% #9C8C96	RGB 156 140 150	#9C8C96
16.7%	16.7% #8F7D89	RGB 143 125 137	#8F7D89
33.3%	33.3% #82707C	RGB 130 112 124	#82707C
50.0%	50.0% #756370	RGB 117 99 112	#756370
66.7%	66.7% #685664	RGB 104 86 100	#685664
83.3%	83.3% #5B4958	RGB 91 73 88	#5B4958
100.0%	100.0% #4E3E4C	RGB 78 62 76	#4E3E4C

#9C8C96 #8F7D89 #82707C #756370 #685664 #5B4958 #4E3E4C

#9C8C96 - #756370 - #4E3E4C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C8C96 0%, #756370 50%, #4E3E4C 100%);
    background: -webkit-linear-gradient(top, #9C8C96 0%, #756370 50%, #4E3E4C 100%);
    background: linear-gradient(to bottom, #9C8C96 0%, #756370 50%, #4E3E4C 100%);
}
</style>