#EEFDC3 - #FAFEED | 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 #EEFDC3 to #FAFEED

#EEFDC3 #FAFEED

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

#EEFDC3 - #FAFEED | 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 #EEFDC3 as 0% and #FAFEED as 100%.

0.0%	0.0% #EEFDC3	RGB 238 253 195	#EEFDC3
16.7%	16.7% #F0FDCA	RGB 240 253 202	#F0FDCA
33.3%	33.3% #F2FDD1	RGB 242 253 209	#F2FDD1
50.0%	50.0% #F4FDD8	RGB 244 253 216	#F4FDD8
66.7%	66.7% #F6FDDF	RGB 246 253 223	#F6FDDF
83.3%	83.3% #F8FDE6	RGB 248 253 230	#F8FDE6
100.0%	100.0% #FAFEED	RGB 250 254 237	#FAFEED

#EEFDC3 #F0FDCA #F2FDD1 #F4FDD8 #F6FDDF #F8FDE6 #FAFEED

#EEFDC3 - #FAFEED

HSV Blend

#EEFDC3 - #FAFEED | 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 #EEFDC3 as 0% and #FAFEED as 100%.

0.0%	0.0% #EEFDC3	RGB 238 253 195	#EEFDC3
16.7%	16.7% #F0FDC9	RGB 240 253 201	#F0FDC9
33.3%	33.3% #F2FDD0	RGB 242 253 208	#F2FDD0
50.0%	50.0% #F4FDD7	RGB 244 253 215	#F4FDD7
66.7%	66.7% #F6FDDE	RGB 246 253 222	#F6FDDE
83.3%	83.3% #F8FDE5	RGB 248 253 229	#F8FDE5
100.0%	100.0% #FAFEED	RGB 250 254 237	#FAFEED

#EEFDC3 #F0FDC9 #F2FDD0 #F4FDD7 #F6FDDE #F8FDE5 #FAFEED

#EEFDC3 - #F4FDD7 - #FAFEED

CSS codes

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

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