#4C4C40 - #C09362 | 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 #4C4C40 to #C09362

#4C4C40 #C09362

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

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

0.0%	0.0% #4C4C40	RGB 76 76 64	#4C4C40
16.7%	16.7% #5F5745	RGB 95 87 69	#5F5745
33.3%	33.3% #72634B	RGB 114 99 75	#72634B
50.0%	50.0% #866F51	RGB 134 111 81	#866F51
66.7%	66.7% #997B56	RGB 153 123 86	#997B56
83.3%	83.3% #AC875C	RGB 172 135 92	#AC875C
100.0%	100.0% #C09362	RGB 192 147 98	#C09362

#4C4C40 #5F5745 #72634B #866F51 #997B56 #AC875C #C09362

#4C4C40 - #C09362

HSV Blend

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

0.0%	0.0% #4C4C40	RGB 76 76 64	#4C4C40
16.7%	16.7% #5F5D4B	RGB 95 93 75	#5F5D4B
33.3%	33.3% #726D53	RGB 114 109 83	#726D53
50.0%	50.0% #867B5A	RGB 134 123 90	#867B5A
66.7%	66.7% #99865F	RGB 153 134 95	#99865F
83.3%	83.3% #AC8E61	RGB 172 142 97	#AC8E61
100.0%	100.0% #C09362	RGB 192 147 98	#C09362

#4C4C40 #5F5D4B #726D53 #867B5A #99865F #AC8E61 #C09362

#4C4C40 - #867B5A - #C09362

CSS codes

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

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