#EDC2DB - #FDF9F1 | 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 #EDC2DB to #FDF9F1

#EDC2DB #FDF9F1

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

#EDC2DB - #FDF9F1 | 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 #EDC2DB as 0% and #FDF9F1 as 100%.

0.0%	0.0% #EDC2DB	RGB 237 194 219	#EDC2DB
16.7%	16.7% #EFCBDE	RGB 239 203 222	#EFCBDE
33.3%	33.3% #F2D4E2	RGB 242 212 226	#F2D4E2
50.0%	50.0% #F5DDE6	RGB 245 221 230	#F5DDE6
66.7%	66.7% #F7E6E9	RGB 247 230 233	#F7E6E9
83.3%	83.3% #FAEFED	RGB 250 239 237	#FAEFED
100.0%	100.0% #FDF9F1	RGB 253 249 241	#FDF9F1

#EDC2DB #EFCBDE #F2D4E2 #F5DDE6 #F7E6E9 #FAEFED #FDF9F1

#EDC2DB - #FDF9F1

HSV Blend

#EDC2DB - #FDF9F1 | 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 #EDC2DB as 0% and #FDF9F1 as 100%.

0.0%	0.0% #EDC2DB	RGB 237 194 219	#EDC2DB
16.7%	16.7% #EFC9D7	RGB 239 201 215	#EFC9D7
33.3%	33.3% #F2D1D6	RGB 242 209 214	#F2D1D6
50.0%	50.0% #F5DAD8	RGB 245 218 216	#F5DAD8
66.7%	66.7% #F7E6E0	RGB 247 230 224	#F7E6E0
83.3%	83.3% #FAF0E8	RGB 250 240 232	#FAF0E8
100.0%	100.0% #FDF9F1	RGB 253 249 241	#FDF9F1

#EDC2DB #EFC9D7 #F2D1D6 #F5DAD8 #F7E6E0 #FAF0E8 #FDF9F1

#EDC2DB - #F5DAD8 - #FDF9F1

CSS codes

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

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