#4D6D3E - #C7B865 | 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 #4D6D3E to #C7B865

#4D6D3E #C7B865

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

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

0.0%	0.0% #4D6D3E	RGB 77 109 62	#4D6D3E
16.7%	16.7% #617944	RGB 97 121 68	#617944
33.3%	33.3% #75864B	RGB 117 134 75	#75864B
50.0%	50.0% #8A9251	RGB 138 146 81	#8A9251
66.7%	66.7% #9E9F58	RGB 158 159 88	#9E9F58
83.3%	83.3% #B2AB5E	RGB 178 171 94	#B2AB5E
100.0%	100.0% #C7B865	RGB 199 184 101	#C7B865

#4D6D3E #617944 #75864B #8A9251 #9E9F58 #B2AB5E #C7B865

#4D6D3E - #C7B865

HSV Blend

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

0.0%	0.0% #4D6D3E	RGB 77 109 62	#4D6D3E
16.7%	16.7% #5E7C45	RGB 94 124 69	#5E7C45
33.3%	33.3% #718B4C	RGB 113 139 76	#718B4C
50.0%	50.0% #879A52	RGB 135 154 82	#879A52
66.7%	66.7% #9FA959	RGB 159 169 89	#9FA959
83.3%	83.3% #B8B65F	RGB 184 182 95	#B8B65F
100.0%	100.0% #C7B865	RGB 199 184 101	#C7B865

#4D6D3E #5E7C45 #718B4C #879A52 #9FA959 #B8B65F #C7B865

#4D6D3E - #879A52 - #C7B865

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D6D3E 0%, #879A52 50%, #C7B865 100%);
    background: -webkit-linear-gradient(top, #4D6D3E 0%, #879A52 50%, #C7B865 100%);
    background: linear-gradient(to bottom, #4D6D3E 0%, #879A52 50%, #C7B865 100%);
}
</style>