#F2DDE7 - #EADCEE | 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 #F2DDE7 to #EADCEE

#F2DDE7 #EADCEE

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

#F2DDE7 - #EADCEE | 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 #F2DDE7 as 0% and #EADCEE as 100%.

0.0%	0.0% #F2DDE7	RGB 242 221 231	#F2DDE7
16.7%	16.7% #F0DCE8	RGB 240 220 232	#F0DCE8
33.3%	33.3% #EFDCE9	RGB 239 220 233	#EFDCE9
50.0%	50.0% #EEDCEA	RGB 238 220 234	#EEDCEA
66.7%	66.7% #ECDCEB	RGB 236 220 235	#ECDCEB
83.3%	83.3% #EBDCEC	RGB 235 220 236	#EBDCEC
100.0%	100.0% #EADCEE	RGB 234 220 238	#EADCEE

#F2DDE7 #F0DCE8 #EFDCE9 #EEDCEA #ECDCEB #EBDCEC #EADCEE

#F2DDE7 - #EADCEE

HSV Blend

#F2DDE7 - #EADCEE | 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 #F2DDE7 as 0% and #EADCEE as 100%.

0.0%	0.0% #F2DDE7	RGB 242 221 231	#F2DDE7
16.7%	16.7% #F1DCE9	RGB 241 220 233	#F1DCE9
33.3%	33.3% #F0DCEB	RGB 240 220 235	#F0DCEB
50.0%	50.0% #F0DCED	RGB 240 220 237	#F0DCED
66.7%	66.7% #EFDCEE	RGB 239 220 238	#EFDCEE
83.3%	83.3% #ECDCEE	RGB 236 220 238	#ECDCEE
100.0%	100.0% #EADCEE	RGB 234 220 238	#EADCEE

#F2DDE7 #F1DCE9 #F0DCEB #F0DCED #EFDCEE #ECDCEE #EADCEE

#F2DDE7 - #F0DCED - #EADCEE

CSS codes

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

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