#FFDDF2 - #FCFFFF | 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 #FFDDF2 to #FCFFFF

#FFDDF2 #FCFFFF

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

#FFDDF2 - #FCFFFF | 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 #FFDDF2 as 0% and #FCFFFF as 100%.

0.0%	0.0% #FFDDF2	RGB 255 221 242	#FFDDF2
16.7%	16.7% #FEE2F4	RGB 254 226 244	#FEE2F4
33.3%	33.3% #FEE8F6	RGB 254 232 246	#FEE8F6
50.0%	50.0% #FDEEF8	RGB 253 238 248	#FDEEF8
66.7%	66.7% #FDF3FA	RGB 253 243 250	#FDF3FA
83.3%	83.3% #FCF9FC	RGB 252 249 252	#FCF9FC
100.0%	100.0% #FCFFFF	RGB 252 255 255	#FCFFFF

#FFDDF2 #FEE2F4 #FEE8F6 #FDEEF8 #FDF3FA #FCF9FC #FCFFFF

#FFDDF2 - #FCFFFF

HSV Blend

#FFDDF2 - #FCFFFF | 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 #FFDDF2 as 0% and #FCFFFF as 100%.

0.0%	0.0% #FFDDF2	RGB 255 221 242	#FFDDF2
16.7%	16.7% #FEE2FF	RGB 254 226 255	#FEE2FF
33.3%	33.3% #F5E7FF	RGB 245 231 255	#F5E7FF
50.0%	50.0% #F0ECFF	RGB 240 236 255	#F0ECFF
66.7%	66.7% #F1F4FF	RGB 241 244 255	#F1F4FF
83.3%	83.3% #F6FBFF	RGB 246 251 255	#F6FBFF
100.0%	100.0% #FCFFFF	RGB 252 255 255	#FCFFFF

#FFDDF2 #FEE2FF #F5E7FF #F0ECFF #F1F4FF #F6FBFF #FCFFFF

#FFDDF2 - #F0ECFF - #FCFFFF

CSS codes

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

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