#4F7E3C - #D3AB65 | 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 #4F7E3C to #D3AB65

#4F7E3C #D3AB65

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

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

0.0%	0.0% #4F7E3C	RGB 79 126 60	#4F7E3C
16.7%	16.7% #658542	RGB 101 133 66	#658542
33.3%	33.3% #7B8D49	RGB 123 141 73	#7B8D49
50.0%	50.0% #919450	RGB 145 148 80	#919450
66.7%	66.7% #A79C57	RGB 167 156 87	#A79C57
83.3%	83.3% #BDA35E	RGB 189 163 94	#BDA35E
100.0%	100.0% #D3AB65	RGB 211 171 101	#D3AB65

#4F7E3C #658542 #7B8D49 #919450 #A79C57 #BDA35E #D3AB65

#4F7E3C - #D3AB65

HSV Blend

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

0.0%	0.0% #4F7E3C	RGB 79 126 60	#4F7E3C
16.7%	16.7% #658C42	RGB 101 140 66	#658C42
33.3%	33.3% #7D9A49	RGB 125 154 73	#7D9A49
50.0%	50.0% #99A850	RGB 153 168 80	#99A850
66.7%	66.7% #B6B657	RGB 182 182 87	#B6B657
83.3%	83.3% #C4B15E	RGB 196 177 94	#C4B15E
100.0%	100.0% #D3AB65	RGB 211 171 101	#D3AB65

#4F7E3C #658C42 #7D9A49 #99A850 #B6B657 #C4B15E #D3AB65

#4F7E3C - #99A850 - #D3AB65

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F7E3C 0%, #99A850 50%, #D3AB65 100%);
    background: -webkit-linear-gradient(top, #4F7E3C 0%, #99A850 50%, #D3AB65 100%);
    background: linear-gradient(to bottom, #4F7E3C 0%, #99A850 50%, #D3AB65 100%);
}
</style>