#4A843B - #DFCF64 | 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 #4A843B to #DFCF64

#4A843B #DFCF64

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

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

0.0%	0.0% #4A843B	RGB 74 132 59	#4A843B
16.7%	16.7% #629041	RGB 98 144 65	#629041
33.3%	33.3% #7B9D48	RGB 123 157 72	#7B9D48
50.0%	50.0% #94A94F	RGB 148 169 79	#94A94F
66.7%	66.7% #ADB656	RGB 173 182 86	#ADB656
83.3%	83.3% #C6C25D	RGB 198 194 93	#C6C25D
100.0%	100.0% #DFCF64	RGB 223 207 100	#DFCF64

#4A843B #629041 #7B9D48 #94A94F #ADB656 #C6C25D #DFCF64

#4A843B - #DFCF64

HSV Blend

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

0.0%	0.0% #4A843B	RGB 74 132 59	#4A843B
16.7%	16.7% #5F9341	RGB 95 147 65	#5F9341
33.3%	33.3% #76A248	RGB 118 162 72	#76A248
50.0%	50.0% #90B14F	RGB 144 177 79	#90B14F
66.7%	66.7% #ADC056	RGB 173 192 86	#ADC056
83.3%	83.3% #CDCF5D	RGB 205 207 93	#CDCF5D
100.0%	100.0% #DFCF64	RGB 223 207 100	#DFCF64

#4A843B #5F9341 #76A248 #90B14F #ADC056 #CDCF5D #DFCF64

#4A843B - #90B14F - #DFCF64

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A843B 0%, #90B14F 50%, #DFCF64 100%);
    background: -webkit-linear-gradient(top, #4A843B 0%, #90B14F 50%, #DFCF64 100%);
    background: linear-gradient(to bottom, #4A843B 0%, #90B14F 50%, #DFCF64 100%);
}
</style>