#4A8F41 - #EAD96A | 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 #4A8F41 to #EAD96A

#4A8F41 #EAD96A

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

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

0.0%	0.0% #4A8F41	RGB 74 143 65	#4A8F41
16.7%	16.7% #649B47	RGB 100 155 71	#649B47
33.3%	33.3% #7FA74E	RGB 127 167 78	#7FA74E
50.0%	50.0% #9AB455	RGB 154 180 85	#9AB455
66.7%	66.7% #B4C05C	RGB 180 192 92	#B4C05C
83.3%	83.3% #CFCC63	RGB 207 204 99	#CFCC63
100.0%	100.0% #EAD96A	RGB 234 217 106	#EAD96A

#4A8F41 #649B47 #7FA74E #9AB455 #B4C05C #CFCC63 #EAD96A

#4A8F41 - #EAD96A

HSV Blend

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

0.0%	0.0% #4A8F41	RGB 74 143 65	#4A8F41
16.7%	16.7% #609E47	RGB 96 158 71	#609E47
33.3%	33.3% #79AD4E	RGB 121 173 78	#79AD4E
50.0%	50.0% #95BC55	RGB 149 188 85	#95BC55
66.7%	66.7% #B4CB5C	RGB 180 203 92	#B4CB5C
83.3%	83.3% #D6DA63	RGB 214 218 99	#D6DA63
100.0%	100.0% #EAD96A	RGB 234 217 106	#EAD96A

#4A8F41 #609E47 #79AD4E #95BC55 #B4CB5C #D6DA63 #EAD96A

#4A8F41 - #95BC55 - #EAD96A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8F41 0%, #95BC55 50%, #EAD96A 100%);
    background: -webkit-linear-gradient(top, #4A8F41 0%, #95BC55 50%, #EAD96A 100%);
    background: linear-gradient(to bottom, #4A8F41 0%, #95BC55 50%, #EAD96A 100%);
}
</style>