#4A9600 - #EDDA94 | 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 #4A9600 to #EDDA94

#4A9600 #EDDA94

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

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

0.0%	0.0% #4A9600	RGB 74 150 0	#4A9600
16.7%	16.7% #65A118	RGB 101 161 24	#65A118
33.3%	33.3% #80AC31	RGB 128 172 49	#80AC31
50.0%	50.0% #9BB84A	RGB 155 184 74	#9BB84A
66.7%	66.7% #B6C362	RGB 182 195 98	#B6C362
83.3%	83.3% #D1CE7B	RGB 209 206 123	#D1CE7B
100.0%	100.0% #EDDA94	RGB 237 218 148	#EDDA94

#4A9600 #65A118 #80AC31 #9BB84A #B6C362 #D1CE7B #EDDA94

#4A9600 - #EDDA94

HSV Blend

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

0.0%	0.0% #499600	RGB 73 150 0	#499600
16.7%	16.7% #6BA411	RGB 107 164 17	#6BA411
33.3%	33.3% #8DB325	RGB 141 179 37	#8DB325
50.0%	50.0% #ADC13C	RGB 173 193 60	#ADC13C
66.7%	66.7% #CCD056	RGB 204 208 86	#CCD056
83.3%	83.3% #DED473	RGB 222 212 115	#DED473
100.0%	100.0% #EDDA94	RGB 237 218 148	#EDDA94

#499600 #6BA411 #8DB325 #ADC13C #CCD056 #DED473 #EDDA94

#4A9600 - #ADC13C - #EDDA94

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #499600 0%, #ADC13C 50%, #EDDA94 100%);
    background: -webkit-linear-gradient(top, #499600 0%, #ADC13C 50%, #EDDA94 100%);
    background: linear-gradient(to bottom, #499600 0%, #ADC13C 50%, #EDDA94 100%);
}
</style>