#E2FF4B - #A9D914 | 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 #E2FF4B to #A9D914

#E2FF4B #A9D914

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

#E2FF4B - #A9D914 | 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 #E2FF4B as 0% and #A9D914 as 100%.

0.0%	0.0% #E2FF4B	RGB 226 255 75	#E2FF4B
16.7%	16.7% #D8F841	RGB 216 248 65	#D8F841
33.3%	33.3% #CFF238	RGB 207 242 56	#CFF238
50.0%	50.0% #C5EC2F	RGB 197 236 47	#C5EC2F
66.7%	66.7% #BCE526	RGB 188 229 38	#BCE526
83.3%	83.3% #B2DF1D	RGB 178 223 29	#B2DF1D
100.0%	100.0% #A9D914	RGB 169 217 20	#A9D914

#E2FF4B #D8F841 #CFF238 #C5EC2F #BCE526 #B2DF1D #A9D914

#E2FF4B - #A9D914

HSV Blend

#E2FF4B - #A9D914 | 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 #E2FF4B as 0% and #A9D914 as 100%.

0.0%	0.0% #E2FF4B	RGB 226 255 75	#E2FF4B
16.7%	16.7% #D8F840	RGB 216 248 64	#D8F840
33.3%	33.3% #CEF236	RGB 206 242 54	#CEF236
50.0%	50.0% #C5EC2D	RGB 197 236 45	#C5EC2D
66.7%	66.7% #BBE524	RGB 187 229 36	#BBE524
83.3%	83.3% #B2DF1C	RGB 178 223 28	#B2DF1C
100.0%	100.0% #A9D914	RGB 169 217 20	#A9D914

#E2FF4B #D8F840 #CEF236 #C5EC2D #BBE524 #B2DF1C #A9D914

#E2FF4B - #C5EC2D - #A9D914

CSS codes

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

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