#EAFF6D - #FCF8AC | 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 #EAFF6D to #FCF8AC

#EAFF6D #FCF8AC

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

#EAFF6D - #FCF8AC | 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 #EAFF6D as 0% and #FCF8AC as 100%.

0.0%	0.0% #EAFF6D	RGB 234 255 109	#EAFF6D
16.7%	16.7% #EDFD77	RGB 237 253 119	#EDFD77
33.3%	33.3% #F0FC82	RGB 240 252 130	#F0FC82
50.0%	50.0% #F3FB8C	RGB 243 251 140	#F3FB8C
66.7%	66.7% #F6FA97	RGB 246 250 151	#F6FA97
83.3%	83.3% #F9F9A1	RGB 249 249 161	#F9F9A1
100.0%	100.0% #FCF8AC	RGB 252 248 172	#FCF8AC

#EAFF6D #EDFD77 #F0FC82 #F3FB8C #F6FA97 #F9F9A1 #FCF8AC

#EAFF6D - #FCF8AC

HSV Blend

#EAFF6D - #FCF8AC | 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 #EAFF6D as 0% and #FCF8AC as 100%.

0.0%	0.0% #EAFF6D	RGB 234 255 109	#EAFF6D
16.7%	16.7% #EFFE77	RGB 239 254 119	#EFFE77
33.3%	33.3% #F4FE82	RGB 244 254 130	#F4FE82
50.0%	50.0% #F8FD8C	RGB 248 253 140	#F8FD8C
66.7%	66.7% #FBFD97	RGB 251 253 151	#FBFD97
83.3%	83.3% #FCFAA1	RGB 252 250 161	#FCFAA1
100.0%	100.0% #FCF8AC	RGB 252 248 172	#FCF8AC

#EAFF6D #EFFE77 #F4FE82 #F8FD8C #FBFD97 #FCFAA1 #FCF8AC

#EAFF6D - #F8FD8C - #FCF8AC

CSS codes

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

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