#EAFF5E - #B6DD1B | 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 #EAFF5E to #B6DD1B

#EAFF5E #B6DD1B

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

#EAFF5E - #B6DD1B | 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 #EAFF5E as 0% and #B6DD1B as 100%.

0.0%	0.0% #EAFF5E	RGB 234 255 94	#EAFF5E
16.7%	16.7% #E1F952	RGB 225 249 82	#E1F952
33.3%	33.3% #D8F347	RGB 216 243 71	#D8F347
50.0%	50.0% #D0EE3C	RGB 208 238 60	#D0EE3C
66.7%	66.7% #C7E831	RGB 199 232 49	#C7E831
83.3%	83.3% #BEE226	RGB 190 226 38	#BEE226
100.0%	100.0% #B6DD1B	RGB 182 221 27	#B6DD1B

#EAFF5E #E1F952 #D8F347 #D0EE3C #C7E831 #BEE226 #B6DD1B

#EAFF5E - #B6DD1B

HSV Blend

#EAFF5E - #B6DD1B | 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 #EAFF5E as 0% and #B6DD1B as 100%.

0.0%	0.0% #EAFF5D	RGB 234 255 93	#EAFF5D
16.7%	16.7% #E1F951	RGB 225 249 81	#E1F951
33.3%	33.3% #D8F345	RGB 216 243 69	#D8F345
50.0%	50.0% #D0EE3A	RGB 208 238 58	#D0EE3A
66.7%	66.7% #C7E82F	RGB 199 232 47	#C7E82F
83.3%	83.3% #BEE225	RGB 190 226 37	#BEE225
100.0%	100.0% #B6DD1B	RGB 182 221 27	#B6DD1B

#EAFF5D #E1F951 #D8F345 #D0EE3A #C7E82F #BEE225 #B6DD1B

#EAFF5E - #D0EE3A - #B6DD1B

CSS codes

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

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