#EDFFAC - #F8F8D4 | 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 #EDFFAC to #F8F8D4

#EDFFAC #F8F8D4

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

#EDFFAC - #F8F8D4 | 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 #EDFFAC as 0% and #F8F8D4 as 100%.

0.0%	0.0% #EDFFAC	RGB 237 255 172	#EDFFAC
16.7%	16.7% #EEFDB2	RGB 238 253 178	#EEFDB2
33.3%	33.3% #F0FCB9	RGB 240 252 185	#F0FCB9
50.0%	50.0% #F2FBC0	RGB 242 251 192	#F2FBC0
66.7%	66.7% #F4FAC6	RGB 244 250 198	#F4FAC6
83.3%	83.3% #F6F9CD	RGB 246 249 205	#F6F9CD
100.0%	100.0% #F8F8D4	RGB 248 248 212	#F8F8D4

#EDFFAC #EEFDB2 #F0FCB9 #F2FBC0 #F4FAC6 #F6F9CD #F8F8D4

#EDFFAC - #F8F8D4

HSV Blend

#EDFFAC - #F8F8D4 | 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 #EDFFAC as 0% and #F8F8D4 as 100%.

0.0%	0.0% #EDFFAC	RGB 237 255 172	#EDFFAC
16.7%	16.7% #F0FDB2	RGB 240 253 178	#F0FDB2
33.3%	33.3% #F2FCB9	RGB 242 252 185	#F2FCB9
50.0%	50.0% #F5FBC0	RGB 245 251 192	#F5FBC0
66.7%	66.7% #F6FAC6	RGB 246 250 198	#F6FAC6
83.3%	83.3% #F7F9CD	RGB 247 249 205	#F7F9CD
100.0%	100.0% #F8F8D4	RGB 248 248 212	#F8F8D4

#EDFFAC #F0FDB2 #F2FCB9 #F5FBC0 #F6FAC6 #F7F9CD #F8F8D4

#EDFFAC - #F5FBC0 - #F8F8D4

CSS codes

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

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