#E2FF29 - #40480B | 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 #E2FF29 to #40480B

#E2FF29 #40480B

Calculate the color between two colors, #E2FF29 and #40480B. 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)

#E2FF29 - #40480B | 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 #E2FF29 as 0% and #40480B as 100%.

0.0%	0.0% #E2FF29	RGB 226 255 41	#E2FF29
16.7%	16.7% #C7E024	RGB 199 224 36	#C7E024
33.3%	33.3% #ACC21F	RGB 172 194 31	#ACC21F
50.0%	50.0% #91A31A	RGB 145 163 26	#91A31A
66.7%	66.7% #768415	RGB 118 132 21	#768415
83.3%	83.3% #5B6610	RGB 91 102 16	#5B6610
100.0%	100.0% #40480B	RGB 64 72 11	#40480B

#E2FF29 #C7E024 #ACC21F #91A31A #768415 #5B6610 #40480B

#E2FF29 - #40480B

HSV Blend

#E2FF29 - #40480B | 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 #E2FF29 as 0% and #40480B as 100%.

0.0%	0.0% #E2FF28	RGB 226 255 40	#E2FF28
16.7%	16.7% #C7E023	RGB 199 224 35	#C7E023
33.3%	33.3% #ACC21E	RGB 172 194 30	#ACC21E
50.0%	50.0% #91A319	RGB 145 163 25	#91A319
66.7%	66.7% #768414	RGB 118 132 20	#768414
83.3%	83.3% #5B660F	RGB 91 102 15	#5B660F
100.0%	100.0% #40480B	RGB 64 72 11	#40480B

#E2FF28 #C7E023 #ACC21E #91A319 #768414 #5B660F #40480B

#E2FF29 - #91A319 - #40480B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E2FF28 0%, #91A319 50%, #40480B 100%);
    background: -webkit-linear-gradient(top, #E2FF28 0%, #91A319 50%, #40480B 100%);
    background: linear-gradient(to bottom, #E2FF28 0%, #91A319 50%, #40480B 100%);
}
</style>