#EEFF6C - #B5E527 | 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 #EEFF6C to #B5E527

#EEFF6C #B5E527

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

#EEFF6C - #B5E527 | 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 #EEFF6C as 0% and #B5E527 as 100%.

0.0%	0.0% #EEFF6C	RGB 238 255 108	#EEFF6C
16.7%	16.7% #E4FA60	RGB 228 250 96	#E4FA60
33.3%	33.3% #DBF655	RGB 219 246 85	#DBF655
50.0%	50.0% #D1F249	RGB 209 242 73	#D1F249
66.7%	66.7% #C8ED3E	RGB 200 237 62	#C8ED3E
83.3%	83.3% #BEE932	RGB 190 233 50	#BEE932
100.0%	100.0% #B5E527	RGB 181 229 39	#B5E527

#EEFF6C #E4FA60 #DBF655 #D1F249 #C8ED3E #BEE932 #B5E527

#EEFF6C - #B5E527

HSV Blend

#EEFF6C - #B5E527 | 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 #EEFF6C as 0% and #B5E527 as 100%.

0.0%	0.0% #EEFF6C	RGB 238 255 108	#EEFF6C
16.7%	16.7% #E5FA5F	RGB 229 250 95	#E5FA5F
33.3%	33.3% #DCF653	RGB 220 246 83	#DCF653
50.0%	50.0% #D2F247	RGB 210 242 71	#D2F247
66.7%	66.7% #C9ED3C	RGB 201 237 60	#C9ED3C
83.3%	83.3% #BFE931	RGB 191 233 49	#BFE931
100.0%	100.0% #B5E527	RGB 181 229 39	#B5E527

#EEFF6C #E5FA5F #DCF653 #D2F247 #C9ED3C #BFE931 #B5E527

#EEFF6C - #D2F247 - #B5E527

CSS codes

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

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