#9C9CAA - #4D575E | 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 #9C9CAA to #4D575E

#9C9CAA #4D575E

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

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

0.0%	0.0% #9C9CAA	RGB 156 156 170	#9C9CAA
16.7%	16.7% #8E909D	RGB 142 144 157	#8E909D
33.3%	33.3% #818590	RGB 129 133 144	#818590
50.0%	50.0% #747984	RGB 116 121 132	#747984
66.7%	66.7% #676E77	RGB 103 110 119	#676E77
83.3%	83.3% #5A626A	RGB 90 98 106	#5A626A
100.0%	100.0% #4D575E	RGB 77 87 94	#4D575E

#9C9CAA #8E909D #818590 #747984 #676E77 #5A626A #4D575E

#9C9CAA - #4D575E

HSV Blend

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

0.0%	0.0% #9C9CAA	RGB 156 156 170	#9C9CAA
16.7%	16.7% #8D8F9D	RGB 141 143 157	#8D8F9D
33.3%	33.3% #808390	RGB 128 131 144	#808390
50.0%	50.0% #727784	RGB 114 119 132	#727784
66.7%	66.7% #656C77	RGB 101 108 119	#656C77
83.3%	83.3% #59616A	RGB 89 97 106	#59616A
100.0%	100.0% #4D575E	RGB 77 87 94	#4D575E

#9C9CAA #8D8F9D #808390 #727784 #656C77 #59616A #4D575E

#9C9CAA - #727784 - #4D575E

CSS codes

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

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