#FFDAED - #CE7E9E | 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 #FFDAED to #CE7E9E

#FFDAED #CE7E9E

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

#FFDAED - #CE7E9E | 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 #FFDAED as 0% and #CE7E9E as 100%.

0.0%	0.0% #FFDAED	RGB 255 218 237	#FFDAED
16.7%	16.7% #F6CADF	RGB 246 202 223	#F6CADF
33.3%	33.3% #EEBBD2	RGB 238 187 210	#EEBBD2
50.0%	50.0% #E6ACC5	RGB 230 172 197	#E6ACC5
66.7%	66.7% #DE9CB8	RGB 222 156 184	#DE9CB8
83.3%	83.3% #D68DAB	RGB 214 141 171	#D68DAB
100.0%	100.0% #CE7E9E	RGB 206 126 158	#CE7E9E

#FFDAED #F6CADF #EEBBD2 #E6ACC5 #DE9CB8 #D68DAB #CE7E9E

#FFDAED - #CE7E9E

HSV Blend

#FFDAED - #CE7E9E | 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 #FFDAED as 0% and #CE7E9E as 100%.

0.0%	0.0% #FFDAED	RGB 255 218 237	#FFDAED
16.7%	16.7% #F6C9DF	RGB 246 201 223	#F6C9DF
33.3%	33.3% #EEB8D2	RGB 238 184 210	#EEB8D2
50.0%	50.0% #E6A9C5	RGB 230 169 197	#E6A9C5
66.7%	66.7% #DE9AB7	RGB 222 154 183	#DE9AB7
83.3%	83.3% #D68BAA	RGB 214 139 170	#D68BAA
100.0%	100.0% #CE7E9E	RGB 206 126 158	#CE7E9E

#FFDAED #F6C9DF #EEB8D2 #E6A9C5 #DE9AB7 #D68BAA #CE7E9E

#FFDAED - #E6A9C5 - #CE7E9E

CSS codes

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

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