#FEEEF2 - #FCFFFD | 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 #FEEEF2 to #FCFFFD

#FEEEF2 #FCFFFD

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

#FEEEF2 - #FCFFFD | 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 #FEEEF2 as 0% and #FCFFFD as 100%.

0.0%	0.0% #FEEEF2	RGB 254 238 242	#FEEEF2
16.7%	16.7% #FDF0F3	RGB 253 240 243	#FDF0F3
33.3%	33.3% #FDF3F5	RGB 253 243 245	#FDF3F5
50.0%	50.0% #FDF6F7	RGB 253 246 247	#FDF6F7
66.7%	66.7% #FCF9F9	RGB 252 249 249	#FCF9F9
83.3%	83.3% #FCFCFB	RGB 252 252 251	#FCFCFB
100.0%	100.0% #FCFFFD	RGB 252 255 253	#FCFFFD

#FEEEF2 #FDF0F3 #FDF3F5 #FDF6F7 #FCF9F9 #FCFCFB #FCFFFD

#FEEEF2 - #FCFFFD

HSV Blend

#FEEEF2 - #FCFFFD | 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 #FEEEF2 as 0% and #FCFFFD as 100%.

0.0%	0.0% #FEEEF2	RGB 254 238 242	#FEEEF2
16.7%	16.7% #FEF2F0	RGB 254 242 240	#FEF2F0
33.3%	33.3% #FEF9F2	RGB 254 249 242	#FEF9F2
50.0%	50.0% #FEFEF4	RGB 254 254 244	#FEFEF4
66.7%	66.7% #FBFEF7	RGB 251 254 247	#FBFEF7
83.3%	83.3% #FAFEF9	RGB 250 254 249	#FAFEF9
100.0%	100.0% #FCFFFD	RGB 252 255 253	#FCFFFD

#FEEEF2 #FEF2F0 #FEF9F2 #FEFEF4 #FBFEF7 #FAFEF9 #FCFFFD

#FEEEF2 - #FEFEF4 - #FCFFFD

CSS codes

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

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