#EDFFA8 - #F8F8D1 | 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 #EDFFA8 to #F8F8D1

#EDFFA8 #F8F8D1

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

#EDFFA8 - #F8F8D1 | 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 #EDFFA8 as 0% and #F8F8D1 as 100%.

0.0%	0.0% #EDFFA8	RGB 237 255 168	#EDFFA8
16.7%	16.7% #EEFDAE	RGB 238 253 174	#EEFDAE
33.3%	33.3% #F0FCB5	RGB 240 252 181	#F0FCB5
50.0%	50.0% #F2FBBC	RGB 242 251 188	#F2FBBC
66.7%	66.7% #F4FAC3	RGB 244 250 195	#F4FAC3
83.3%	83.3% #F6F9CA	RGB 246 249 202	#F6F9CA
100.0%	100.0% #F8F8D1	RGB 248 248 209	#F8F8D1

#EDFFA8 #EEFDAE #F0FCB5 #F2FBBC #F4FAC3 #F6F9CA #F8F8D1

#EDFFA8 - #F8F8D1

HSV Blend

#EDFFA8 - #F8F8D1 | 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 #EDFFA8 as 0% and #F8F8D1 as 100%.

0.0%	0.0% #EDFFA8	RGB 237 255 168	#EDFFA8
16.7%	16.7% #F0FDAF	RGB 240 253 175	#F0FDAF
33.3%	33.3% #F2FCB5	RGB 242 252 181	#F2FCB5
50.0%	50.0% #F5FBBC	RGB 245 251 188	#F5FBBC
66.7%	66.7% #F6FAC3	RGB 246 250 195	#F6FAC3
83.3%	83.3% #F7F9CA	RGB 247 249 202	#F7F9CA
100.0%	100.0% #F8F8D1	RGB 248 248 209	#F8F8D1

#EDFFA8 #F0FDAF #F2FCB5 #F5FBBC #F6FAC3 #F7F9CA #F8F8D1

#EDFFA8 - #F5FBBC - #F8F8D1

CSS codes

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

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