#D3C2FB - #F1EDFD | 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 #D3C2FB to #F1EDFD

#D3C2FB #F1EDFD

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

#D3C2FB - #F1EDFD | 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 #D3C2FB as 0% and #F1EDFD as 100%.

0.0%	0.0% #D3C2FB	RGB 211 194 251	#D3C2FB
16.7%	16.7% #D8C9FB	RGB 216 201 251	#D8C9FB
33.3%	33.3% #DDD0FB	RGB 221 208 251	#DDD0FB
50.0%	50.0% #E2D7FC	RGB 226 215 252	#E2D7FC
66.7%	66.7% #E7DEFC	RGB 231 222 252	#E7DEFC
83.3%	83.3% #ECE5FC	RGB 236 229 252	#ECE5FC
100.0%	100.0% #F1EDFD	RGB 241 237 253	#F1EDFD

#D3C2FB #D8C9FB #DDD0FB #E2D7FC #E7DEFC #ECE5FC #F1EDFD

#D3C2FB - #F1EDFD

HSV Blend

#D3C2FB - #F1EDFD | 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 #D3C2FB as 0% and #F1EDFD as 100%.

0.0%	0.0% #D3C2FB	RGB 211 194 251	#D3C2FB
16.7%	16.7% #D7C9FB	RGB 215 201 251	#D7C9FB
33.3%	33.3% #DCD0FB	RGB 220 208 251	#DCD0FB
50.0%	50.0% #E1D7FC	RGB 225 215 252	#E1D7FC
66.7%	66.7% #E6DEFC	RGB 230 222 252	#E6DEFC
83.3%	83.3% #EBE5FC	RGB 235 229 252	#EBE5FC
100.0%	100.0% #F1EDFD	RGB 241 237 253	#F1EDFD

#D3C2FB #D7C9FB #DCD0FB #E1D7FC #E6DEFC #EBE5FC #F1EDFD

#D3C2FB - #E1D7FC - #F1EDFD

CSS codes

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

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