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

#FEDFEC #FDFFFF

Calculate the color between two colors, #FEDFEC 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)

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

0.0%	0.0% #FEDFEC	RGB 254 223 236	#FEDFEC
16.7%	16.7% #FDE4EF	RGB 253 228 239	#FDE4EF
33.3%	33.3% #FDE9F2	RGB 253 233 242	#FDE9F2
50.0%	50.0% #FDEFF5	RGB 253 239 245	#FDEFF5
66.7%	66.7% #FDF4F8	RGB 253 244 248	#FDF4F8
83.3%	83.3% #FDF9FB	RGB 253 249 251	#FDF9FB
100.0%	100.0% #FDFFFF	RGB 253 255 255	#FDFFFF

#FEDFEC #FDE4EF #FDE9F2 #FDEFF5 #FDF4F8 #FDF9FB #FDFFFF

#FEDFEC - #FDFFFF

HSV Blend

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

0.0%	0.0% #FEDFEC	RGB 254 223 236	#FEDFEC
16.7%	16.7% #FEE3FA	RGB 254 227 250	#FEE3FA
33.3%	33.3% #F8E8FE	RGB 248 232 254	#F8E8FE
50.0%	50.0% #F2EDFE	RGB 242 237 254	#F2EDFE
66.7%	66.7% #F2F4FE	RGB 242 244 254	#F2F4FE
83.3%	83.3% #F7FBFE	RGB 247 251 254	#F7FBFE
100.0%	100.0% #FDFFFF	RGB 253 255 255	#FDFFFF

#FEDFEC #FEE3FA #F8E8FE #F2EDFE #F2F4FE #F7FBFE #FDFFFF

#FEDFEC - #F2EDFE - #FDFFFF

CSS codes

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

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