#9C9DA1 - #4D4D59 | 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 #9C9DA1 to #4D4D59

#9C9DA1 #4D4D59

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

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

0.0%	0.0% #9C9DA1	RGB 156 157 161	#9C9DA1
16.7%	16.7% #8E8F95	RGB 142 143 149	#8E8F95
33.3%	33.3% #818289	RGB 129 130 137	#818289
50.0%	50.0% #74757D	RGB 116 117 125	#74757D
66.7%	66.7% #676771	RGB 103 103 113	#676771
83.3%	83.3% #5A5A65	RGB 90 90 101	#5A5A65
100.0%	100.0% #4D4D59	RGB 77 77 89	#4D4D59

#9C9DA1 #8E8F95 #818289 #74757D #676771 #5A5A65 #4D4D59

#9C9DA1 - #4D4D59

HSV Blend

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

0.0%	0.0% #9C9DA1	RGB 156 157 161	#9C9DA1
16.7%	16.7% #8D8E95	RGB 141 142 149	#8D8E95
33.3%	33.3% #808189	RGB 128 129 137	#808189
50.0%	50.0% #72737D	RGB 114 115 125	#72737D
66.7%	66.7% #656671	RGB 101 102 113	#656671
83.3%	83.3% #595965	RGB 89 89 101	#595965
100.0%	100.0% #4D4D59	RGB 77 77 89	#4D4D59

#9C9DA1 #8D8E95 #808189 #72737D #656671 #595965 #4D4D59

#9C9DA1 - #72737D - #4D4D59

CSS codes

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

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