#EDFF3C - #F4FA8C | 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 #EDFF3C to #F4FA8C

#EDFF3C #F4FA8C

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

#EDFF3C - #F4FA8C | 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 #EDFF3C as 0% and #F4FA8C as 100%.

0.0%	0.0% #EDFF3C	RGB 237 255 60	#EDFF3C
16.7%	16.7% #EEFE49	RGB 238 254 73	#EEFE49
33.3%	33.3% #EFFD56	RGB 239 253 86	#EFFD56
50.0%	50.0% #F0FC64	RGB 240 252 100	#F0FC64
66.7%	66.7% #F1FB71	RGB 241 251 113	#F1FB71
83.3%	83.3% #F2FA7E	RGB 242 250 126	#F2FA7E
100.0%	100.0% #F4FA8C	RGB 244 250 140	#F4FA8C

#EDFF3C #EEFE49 #EFFD56 #F0FC64 #F1FB71 #F2FA7E #F4FA8C

#EDFF3C - #F4FA8C

HSV Blend

#EDFF3C - #F4FA8C | 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 #EDFF3C as 0% and #F4FA8C as 100%.

0.0%	0.0% #EDFF3B	RGB 237 255 59	#EDFF3B
16.7%	16.7% #EEFE49	RGB 238 254 73	#EEFE49
33.3%	33.3% #F0FD57	RGB 240 253 87	#F0FD57
50.0%	50.0% #F1FC64	RGB 241 252 100	#F1FC64
66.7%	66.7% #F2FB71	RGB 242 251 113	#F2FB71
83.3%	83.3% #F3FA7E	RGB 243 250 126	#F3FA7E
100.0%	100.0% #F4FA8C	RGB 244 250 140	#F4FA8C

#EDFF3B #EEFE49 #F0FD57 #F1FC64 #F2FB71 #F3FA7E #F4FA8C

#EDFF3C - #F1FC64 - #F4FA8C

CSS codes

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

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