#4D4A40 - #C09265 | 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 #4D4A40 to #C09265

#4D4A40 #C09265

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

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

0.0%	0.0% #4D4A40	RGB 77 74 64	#4D4A40
16.7%	16.7% #605646	RGB 96 86 70	#605646
33.3%	33.3% #73624C	RGB 115 98 76	#73624C
50.0%	50.0% #866E52	RGB 134 110 82	#866E52
66.7%	66.7% #997A58	RGB 153 122 88	#997A58
83.3%	83.3% #AC865E	RGB 172 134 94	#AC865E
100.0%	100.0% #C09265	RGB 192 146 101	#C09265

#4D4A40 #605646 #73624C #866E52 #997A58 #AC865E #C09265

#4D4A40 - #C09265

HSV Blend

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

0.0%	0.0% #4D4A40	RGB 77 74 64	#4D4A40
16.7%	16.7% #605A4B	RGB 96 90 75	#605A4B
33.3%	33.3% #736954	RGB 115 105 84	#736954
50.0%	50.0% #86765B	RGB 134 118 91	#86765B
66.7%	66.7% #998160	RGB 153 129 96	#998160
83.3%	83.3% #AC8B63	RGB 172 139 99	#AC8B63
100.0%	100.0% #C09265	RGB 192 146 101	#C09265

#4D4A40 #605A4B #736954 #86765B #998160 #AC8B63 #C09265

#4D4A40 - #86765B - #C09265

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4A40 0%, #86765B 50%, #C09265 100%);
    background: -webkit-linear-gradient(top, #4D4A40 0%, #86765B 50%, #C09265 100%);
    background: linear-gradient(to bottom, #4D4A40 0%, #86765B 50%, #C09265 100%);
}
</style>