#FFF8F8 - #FEDEEE | 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 #FFF8F8 to #FEDEEE

#FFF8F8 #FEDEEE

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

#FFF8F8 - #FEDEEE | 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 #FFF8F8 as 0% and #FEDEEE as 100%.

0.0%	0.0% #FFF8F8	RGB 255 248 248	#FFF8F8
16.7%	16.7% #FEF3F6	RGB 254 243 246	#FEF3F6
33.3%	33.3% #FEEFF4	RGB 254 239 244	#FEEFF4
50.0%	50.0% #FEEBF3	RGB 254 235 243	#FEEBF3
66.7%	66.7% #FEE6F1	RGB 254 230 241	#FEE6F1
83.3%	83.3% #FEE2EF	RGB 254 226 239	#FEE2EF
100.0%	100.0% #FEDEEE	RGB 254 222 238	#FEDEEE

#FFF8F8 #FEF3F6 #FEEFF4 #FEEBF3 #FEE6F1 #FEE2EF #FEDEEE

#FFF8F8 - #FEDEEE

HSV Blend

#FFF8F8 - #FEDEEE | 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 #FFF8F8 as 0% and #FEDEEE as 100%.

0.0%	0.0% #FFF8F8	RGB 255 248 248	#FFF8F8
16.7%	16.7% #FEF3F4	RGB 254 243 244	#FEF3F4
33.3%	33.3% #FEEFF1	RGB 254 239 241	#FEEFF1
50.0%	50.0% #FEEAEF	RGB 254 234 239	#FEEAEF
66.7%	66.7% #FEE6EE	RGB 254 230 238	#FEE6EE
83.3%	83.3% #FEE2ED	RGB 254 226 237	#FEE2ED
100.0%	100.0% #FEDEEE	RGB 254 222 238	#FEDEEE

#FFF8F8 #FEF3F4 #FEEFF1 #FEEAEF #FEE6EE #FEE2ED #FEDEEE

#FFF8F8 - #FEEAEF - #FEDEEE

CSS codes

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

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