#4D4D4B - #C0956E | 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 #4D4D4B to #C0956E

#4D4D4B #C0956E

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

#4D4D4B - #C0956E | 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 #4D4D4B as 0% and #C0956E as 100%.

0.0%	0.0% #4D4D4B	RGB 77 77 75	#4D4D4B
16.7%	16.7% #605950	RGB 96 89 80	#605950
33.3%	33.3% #736556	RGB 115 101 86	#736556
50.0%	50.0% #86715C	RGB 134 113 92	#86715C
66.7%	66.7% #997D62	RGB 153 125 98	#997D62
83.3%	83.3% #AC8968	RGB 172 137 104	#AC8968
100.0%	100.0% #C0956E	RGB 192 149 110	#C0956E

#4D4D4B #605950 #736556 #86715C #997D62 #AC8968 #C0956E

#4D4D4B - #C0956E

HSV Blend

#4D4D4B - #C0956E | 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 #4D4D4B as 0% and #C0956E as 100%.

0.0%	0.0% #4D4D4B	RGB 77 77 75	#4D4D4B
16.7%	16.7% #605F57	RGB 96 95 87	#605F57
33.3%	33.3% #737060	RGB 115 112 96	#737060
50.0%	50.0% #867E68	RGB 134 126 104	#867E68
66.7%	66.7% #99896C	RGB 153 137 108	#99896C
83.3%	83.3% #AC916E	RGB 172 145 110	#AC916E
100.0%	100.0% #C0956E	RGB 192 149 110	#C0956E

#4D4D4B #605F57 #737060 #867E68 #99896C #AC916E #C0956E

#4D4D4B - #867E68 - #C0956E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4D4B 0%, #867E68 50%, #C0956E 100%);
    background: -webkit-linear-gradient(top, #4D4D4B 0%, #867E68 50%, #C0956E 100%);
    background: linear-gradient(to bottom, #4D4D4B 0%, #867E68 50%, #C0956E 100%);
}
</style>