#F4ECFA - #CDA2D9 | 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 #F4ECFA to #CDA2D9

#F4ECFA #CDA2D9

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

#F4ECFA - #CDA2D9 | 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 #F4ECFA as 0% and #CDA2D9 as 100%.

0.0%	0.0% #F4ECFA	RGB 244 236 250	#F4ECFA
16.7%	16.7% #EDDFF4	RGB 237 223 244	#EDDFF4
33.3%	33.3% #E7D3EF	RGB 231 211 239	#E7D3EF
50.0%	50.0% #E0C7E9	RGB 224 199 233	#E0C7E9
66.7%	66.7% #DABAE4	RGB 218 186 228	#DABAE4
83.3%	83.3% #D3AEDE	RGB 211 174 222	#D3AEDE
100.0%	100.0% #CDA2D9	RGB 205 162 217	#CDA2D9

#F4ECFA #EDDFF4 #E7D3EF #E0C7E9 #DABAE4 #D3AEDE #CDA2D9

#F4ECFA - #CDA2D9

HSV Blend

#F4ECFA - #CDA2D9 | 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 #F4ECFA as 0% and #CDA2D9 as 100%.

0.0%	0.0% #F4ECFA	RGB 244 236 250	#F4ECFA
16.7%	16.7% #EBDEF4	RGB 235 222 244	#EBDEF4
33.3%	33.3% #E4D1EF	RGB 228 209 239	#E4D1EF
50.0%	50.0% #DDC5E9	RGB 221 197 233	#DDC5E9
66.7%	66.7% #D7B9E4	RGB 215 185 228	#D7B9E4
83.3%	83.3% #D2ADDE	RGB 210 173 222	#D2ADDE
100.0%	100.0% #CDA2D9	RGB 205 162 217	#CDA2D9

#F4ECFA #EBDEF4 #E4D1EF #DDC5E9 #D7B9E4 #D2ADDE #CDA2D9

#F4ECFA - #DDC5E9 - #CDA2D9

CSS codes

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

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