#FFEDD0 - #F2FFF0 | 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 #FFEDD0 to #F2FFF0

#FFEDD0 #F2FFF0

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

#FFEDD0 - #F2FFF0 | 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 #FFEDD0 as 0% and #F2FFF0 as 100%.

0.0%	0.0% #FFEDD0	RGB 255 237 208	#FFEDD0
16.7%	16.7% #FCF0D5	RGB 252 240 213	#FCF0D5
33.3%	33.3% #FAF3DA	RGB 250 243 218	#FAF3DA
50.0%	50.0% #F8F6E0	RGB 248 246 224	#F8F6E0
66.7%	66.7% #F6F9E5	RGB 246 249 229	#F6F9E5
83.3%	83.3% #F4FCEA	RGB 244 252 234	#F4FCEA
100.0%	100.0% #F2FFF0	RGB 242 255 240	#F2FFF0

#FFEDD0 #FCF0D5 #FAF3DA #F8F6E0 #F6F9E5 #F4FCEA #F2FFF0

#FFEDD0 - #F2FFF0

HSV Blend

#FFEDD0 - #F2FFF0 | 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 #FFEDD0 as 0% and #F2FFF0 as 100%.

0.0%	0.0% #FFEDD0	RGB 255 237 208	#FFEDD0
16.7%	16.7% #FFF7D5	RGB 255 247 213	#FFF7D5
33.3%	33.3% #FDFFDA	RGB 253 255 218	#FDFFDA
50.0%	50.0% #F7FFE0	RGB 247 255 224	#F7FFE0
66.7%	66.7% #F3FFE5	RGB 243 255 229	#F3FFE5
83.3%	83.3% #F1FFEA	RGB 241 255 234	#F1FFEA
100.0%	100.0% #F2FFF0	RGB 242 255 240	#F2FFF0

#FFEDD0 #FFF7D5 #FDFFDA #F7FFE0 #F3FFE5 #F1FFEA #F2FFF0

#FFEDD0 - #F7FFE0 - #F2FFF0

CSS codes

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

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