#DEC8FD - #FFF3F0 | 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 #DEC8FD to #FFF3F0

#DEC8FD #FFF3F0

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

#DEC8FD - #FFF3F0 | 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 #DEC8FD as 0% and #FFF3F0 as 100%.

0.0%	0.0% #DEC8FD	RGB 222 200 253	#DEC8FD
16.7%	16.7% #E3CFFA	RGB 227 207 250	#E3CFFA
33.3%	33.3% #E9D6F8	RGB 233 214 248	#E9D6F8
50.0%	50.0% #EEDDF6	RGB 238 221 246	#EEDDF6
66.7%	66.7% #F4E4F4	RGB 244 228 244	#F4E4F4
83.3%	83.3% #F9EBF2	RGB 249 235 242	#F9EBF2
100.0%	100.0% #FFF3F0	RGB 255 243 240	#FFF3F0

#DEC8FD #E3CFFA #E9D6F8 #EEDDF6 #F4E4F4 #F9EBF2 #FFF3F0

#DEC8FD - #FFF3F0

HSV Blend

#DEC8FD - #FFF3F0 | 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 #DEC8FD as 0% and #FFF3F0 as 100%.

0.0%	0.0% #DEC8FD	RGB 222 200 253	#DEC8FD
16.7%	16.7% #EFCEFD	RGB 239 206 253	#EFCEFD
33.3%	33.3% #FDD5FD	RGB 253 213 253	#FDD5FD
50.0%	50.0% #FEDBF3	RGB 254 219 243	#FEDBF3
66.7%	66.7% #FEE2ED	RGB 254 226 237	#FEE2ED
83.3%	83.3% #FEE9EB	RGB 254 233 235	#FEE9EB
100.0%	100.0% #FFF3F0	RGB 255 243 240	#FFF3F0

#DEC8FD #EFCEFD #FDD5FD #FEDBF3 #FEE2ED #FEE9EB #FFF3F0

#DEC8FD - #FEDBF3 - #FFF3F0

CSS codes

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

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