#E2EE9F - #AACA49 | 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 #E2EE9F to #AACA49

#E2EE9F #AACA49

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

#E2EE9F - #AACA49 | 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 #E2EE9F as 0% and #AACA49 as 100%.

0.0%	0.0% #E2EE9F	RGB 226 238 159	#E2EE9F
16.7%	16.7% #D8E890	RGB 216 232 144	#D8E890
33.3%	33.3% #CFE282	RGB 207 226 130	#CFE282
50.0%	50.0% #C6DC74	RGB 198 220 116	#C6DC74
66.7%	66.7% #BCD665	RGB 188 214 101	#BCD665
83.3%	83.3% #B3D057	RGB 179 208 87	#B3D057
100.0%	100.0% #AACA49	RGB 170 202 73	#AACA49

#E2EE9F #D8E890 #CFE282 #C6DC74 #BCD665 #B3D057 #AACA49

#E2EE9F - #AACA49

HSV Blend

#E2EE9F - #AACA49 | 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 #E2EE9F as 0% and #AACA49 as 100%.

0.0%	0.0% #E2EE9F	RGB 226 238 159	#E2EE9F
16.7%	16.7% #D9E88F	RGB 217 232 143	#D9E88F
33.3%	33.3% #CFE27F	RGB 207 226 127	#CFE27F
50.0%	50.0% #C6DC71	RGB 198 220 113	#C6DC71
66.7%	66.7% #BDD663	RGB 189 214 99	#BDD663
83.3%	83.3% #B3D055	RGB 179 208 85	#B3D055
100.0%	100.0% #AACA49	RGB 170 202 73	#AACA49

#E2EE9F #D9E88F #CFE27F #C6DC71 #BDD663 #B3D055 #AACA49

#E2EE9F - #C6DC71 - #AACA49

CSS codes

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

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