#479300 - #EEE1B5 | 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 #479300 to #EEE1B5

#479300 #EEE1B5

Calculate the color between two colors, #479300 and #EEE1B5. 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)

#479300 - #EEE1B5 | 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 #479300 as 0% and #EEE1B5 as 100%.

0.0%	0.0% #479300	RGB 71 147 0	#479300
16.7%	16.7% #62A01E	RGB 98 160 30	#62A01E
33.3%	33.3% #7EAD3C	RGB 126 173 60	#7EAD3C
50.0%	50.0% #9ABA5A	RGB 154 186 90	#9ABA5A
66.7%	66.7% #B6C778	RGB 182 199 120	#B6C778
83.3%	83.3% #D2D496	RGB 210 212 150	#D2D496
100.0%	100.0% #EEE1B5	RGB 238 225 181	#EEE1B5

#479300 #62A01E #7EAD3C #9ABA5A #B6C778 #D2D496 #EEE1B5

#479300 - #EEE1B5

HSV Blend

#479300 - #EEE1B5 | 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 #479300 as 0% and #EEE1B5 as 100%.

0.0%	0.0% #479300	RGB 71 147 0	#479300
16.7%	16.7% #6AA214	RGB 106 162 20	#6AA214
33.3%	33.3% #8DB12C	RGB 141 177 44	#8DB12C
50.0%	50.0% #AFC049	RGB 175 192 73	#AFC049
66.7%	66.7% #CDCF69	RGB 205 207 105	#CDCF69
83.3%	83.3% #DED68D	RGB 222 214 141	#DED68D
100.0%	100.0% #EEE1B5	RGB 238 225 181	#EEE1B5

#479300 #6AA214 #8DB12C #AFC049 #CDCF69 #DED68D #EEE1B5

#479300 - #AFC049 - #EEE1B5

CSS codes

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

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