#FEDDF9 - #FDFFFF | 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 #FEDDF9 to #FDFFFF

#FEDDF9 #FDFFFF

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

#FEDDF9 - #FDFFFF | 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 #FEDDF9 as 0% and #FDFFFF as 100%.

0.0%	0.0% #FEDDF9	RGB 254 221 249	#FEDDF9
16.7%	16.7% #FDE2FA	RGB 253 226 250	#FDE2FA
33.3%	33.3% #FDE8FB	RGB 253 232 251	#FDE8FB
50.0%	50.0% #FDEEFC	RGB 253 238 252	#FDEEFC
66.7%	66.7% #FDF3FD	RGB 253 243 253	#FDF3FD
83.3%	83.3% #FDF9FE	RGB 253 249 254	#FDF9FE
100.0%	100.0% #FDFFFF	RGB 253 255 255	#FDFFFF

#FEDDF9 #FDE2FA #FDE8FB #FDEEFC #FDF3FD #FDF9FE #FDFFFF

#FEDDF9 - #FDFFFF

HSV Blend

#FEDDF9 - #FDFFFF | 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 #FEDDF9 as 0% and #FDFFFF as 100%.

0.0%	0.0% #FEDDF9	RGB 254 221 249	#FEDDF9
16.7%	16.7% #F8E2FE	RGB 248 226 254	#F8E2FE
33.3%	33.3% #F1E7FE	RGB 241 231 254	#F1E7FE
50.0%	50.0% #EEECFE	RGB 238 236 254	#EEECFE
66.7%	66.7% #F2F5FE	RGB 242 245 254	#F2F5FE
83.3%	83.3% #F7FCFE	RGB 247 252 254	#F7FCFE
100.0%	100.0% #FDFFFF	RGB 253 255 255	#FDFFFF

#FEDDF9 #F8E2FE #F1E7FE #EEECFE #F2F5FE #F7FCFE #FDFFFF

#FEDDF9 - #EEECFE - #FDFFFF

CSS codes

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

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