#DEDAF2 - #FFFCFE | 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 #DEDAF2 to #FFFCFE

#DEDAF2 #FFFCFE

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

#DEDAF2 - #FFFCFE | 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 #DEDAF2 as 0% and #FFFCFE as 100%.

0.0%	0.0% #DEDAF2	RGB 222 218 242	#DEDAF2
16.7%	16.7% #E3DFF4	RGB 227 223 244	#E3DFF4
33.3%	33.3% #E9E5F6	RGB 233 229 246	#E9E5F6
50.0%	50.0% #EEEBF8	RGB 238 235 248	#EEEBF8
66.7%	66.7% #F4F0FA	RGB 244 240 250	#F4F0FA
83.3%	83.3% #F9F6FC	RGB 249 246 252	#F9F6FC
100.0%	100.0% #FFFCFE	RGB 255 252 254	#FFFCFE

#DEDAF2 #E3DFF4 #E9E5F6 #EEEBF8 #F4F0FA #F9F6FC #FFFCFE

#DEDAF2 - #FFFCFE

HSV Blend

#DEDAF2 - #FFFCFE | 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 #DEDAF2 as 0% and #FFFCFE as 100%.

0.0%	0.0% #DEDAF2	RGB 222 218 242	#DEDAF2
16.7%	16.7% #E6DFF4	RGB 230 223 244	#E6DFF4
33.3%	33.3% #EEE5F6	RGB 238 229 246	#EEE5F6
50.0%	50.0% #F5EAF8	RGB 245 234 248	#F5EAF8
66.7%	66.7% #FAF0FA	RGB 250 240 250	#FAF0FA
83.3%	83.3% #FCF6FB	RGB 252 246 251	#FCF6FB
100.0%	100.0% #FFFCFE	RGB 255 252 254	#FFFCFE

#DEDAF2 #E6DFF4 #EEE5F6 #F5EAF8 #FAF0FA #FCF6FB #FFFCFE

#DEDAF2 - #F5EAF8 - #FFFCFE

CSS codes

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

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