#FFDCE2 - #EDDCDC | 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 #FFDCE2 to #EDDCDC

#FFDCE2 #EDDCDC

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

#FFDCE2 - #EDDCDC | 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 #FFDCE2 as 0% and #EDDCDC as 100%.

0.0%	0.0% #FFDCE2	RGB 255 220 226	#FFDCE2
16.7%	16.7% #FCDCE1	RGB 252 220 225	#FCDCE1
33.3%	33.3% #F9DCE0	RGB 249 220 224	#F9DCE0
50.0%	50.0% #F6DCDF	RGB 246 220 223	#F6DCDF
66.7%	66.7% #F3DCDE	RGB 243 220 222	#F3DCDE
83.3%	83.3% #F0DCDD	RGB 240 220 221	#F0DCDD
100.0%	100.0% #EDDCDC	RGB 237 220 220	#EDDCDC

#FFDCE2 #FCDCE1 #F9DCE0 #F6DCDF #F3DCDE #F0DCDD #EDDCDC

#FFDCE2 - #EDDCDC

HSV Blend

#FFDCE2 - #EDDCDC | 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 #FFDCE2 as 0% and #EDDCDC as 100%.

0.0%	0.0% #FFDCE2	RGB 255 220 226	#FFDCE2
16.7%	16.7% #FCDCE0	RGB 252 220 224	#FCDCE0
33.3%	33.3% #F9DCDF	RGB 249 220 223	#F9DCDF
50.0%	50.0% #F6DCDE	RGB 246 220 222	#F6DCDE
66.7%	66.7% #F3DCDD	RGB 243 220 221	#F3DCDD
83.3%	83.3% #F0DCDC	RGB 240 220 220	#F0DCDC
100.0%	100.0% #EDDCDC	RGB 237 220 220	#EDDCDC

#FFDCE2 #FCDCE0 #F9DCDF #F6DCDE #F3DCDD #F0DCDC #EDDCDC

#FFDCE2 - #F6DCDE - #EDDCDC

CSS codes

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

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