#FFFEFE - #FCDFFF | 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 #FFFEFE to #FCDFFF

#FFFEFE #FCDFFF

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

#FFFEFE - #FCDFFF | 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 #FFFEFE as 0% and #FCDFFF as 100%.

0.0%	0.0% #FFFEFE	RGB 255 254 254	#FFFEFE
16.7%	16.7% #FEF8FE	RGB 254 248 254	#FEF8FE
33.3%	33.3% #FEF3FE	RGB 254 243 254	#FEF3FE
50.0%	50.0% #FDEEFE	RGB 253 238 254	#FDEEFE
66.7%	66.7% #FDE9FE	RGB 253 233 254	#FDE9FE
83.3%	83.3% #FCE4FE	RGB 252 228 254	#FCE4FE
100.0%	100.0% #FCDFFF	RGB 252 223 255	#FCDFFF

#FFFEFE #FEF8FE #FEF3FE #FDEEFE #FDE9FE #FCE4FE #FCDFFF

#FFFEFE - #FCDFFF

HSV Blend

#FFFEFE - #FCDFFF | 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 #FFFEFE as 0% and #FCDFFF as 100%.

0.0%	0.0% #FFFEFE	RGB 255 254 254	#FFFEFE
16.7%	16.7% #FFF8F9	RGB 255 248 249	#FFF8F9
33.3%	33.3% #FFF3F7	RGB 255 243 247	#FFF3F7
50.0%	50.0% #FFEEF7	RGB 255 238 247	#FFEEF7
66.7%	66.7% #FFE9F9	RGB 255 233 249	#FFE9F9
83.3%	83.3% #FFE4FC	RGB 255 228 252	#FFE4FC
100.0%	100.0% #FCDFFF	RGB 252 223 255	#FCDFFF

#FFFEFE #FFF8F9 #FFF3F7 #FFEEF7 #FFE9F9 #FFE4FC #FCDFFF

#FFFEFE - #FFEEF7 - #FCDFFF

CSS codes

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

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