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

#FDDCED #FDFFFF

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

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

0.0%	0.0% #FDDCED	RGB 253 220 237	#FDDCED
16.7%	16.7% #FDE1F0	RGB 253 225 240	#FDE1F0
33.3%	33.3% #FDE7F3	RGB 253 231 243	#FDE7F3
50.0%	50.0% #FDEDF6	RGB 253 237 246	#FDEDF6
66.7%	66.7% #FDF3F9	RGB 253 243 249	#FDF3F9
83.3%	83.3% #FDF9FC	RGB 253 249 252	#FDF9FC
100.0%	100.0% #FDFFFF	RGB 253 255 255	#FDFFFF

#FDDCED #FDE1F0 #FDE7F3 #FDEDF6 #FDF3F9 #FDF9FC #FDFFFF

#FDDCED - #FDFFFF

HSV Blend

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

0.0%	0.0% #FDDCED	RGB 253 220 237	#FDDCED
16.7%	16.7% #FDE1FB	RGB 253 225 251	#FDE1FB
33.3%	33.3% #F5E6FD	RGB 245 230 253	#F5E6FD
50.0%	50.0% #F0ECFE	RGB 240 236 254	#F0ECFE
66.7%	66.7% #F1F4FE	RGB 241 244 254	#F1F4FE
83.3%	83.3% #F7FBFE	RGB 247 251 254	#F7FBFE
100.0%	100.0% #FDFFFF	RGB 253 255 255	#FDFFFF

#FDDCED #FDE1FB #F5E6FD #F0ECFE #F1F4FE #F7FBFE #FDFFFF

#FDDCED - #F0ECFE - #FDFFFF

CSS codes

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

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