#D4D0FF - #FFF3F1 | 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 #D4D0FF to #FFF3F1

#D4D0FF #FFF3F1

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

#D4D0FF - #FFF3F1 | 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 #D4D0FF as 0% and #FFF3F1 as 100%.

0.0%	0.0% #D4D0FF	RGB 212 208 255	#D4D0FF
16.7%	16.7% #DBD5FC	RGB 219 213 252	#DBD5FC
33.3%	33.3% #E2DBFA	RGB 226 219 250	#E2DBFA
50.0%	50.0% #E9E1F8	RGB 233 225 248	#E9E1F8
66.7%	66.7% #F0E7F5	RGB 240 231 245	#F0E7F5
83.3%	83.3% #F7EDF3	RGB 247 237 243	#F7EDF3
100.0%	100.0% #FFF3F1	RGB 255 243 241	#FFF3F1

#D4D0FF #DBD5FC #E2DBFA #E9E1F8 #F0E7F5 #F7EDF3 #FFF3F1

#D4D0FF - #FFF3F1

HSV Blend

#D4D0FF - #FFF3F1 | 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 #D4D0FF as 0% and #FFF3F1 as 100%.

0.0%	0.0% #D4D0FF	RGB 212 208 255	#D4D0FF
16.7%	16.7% #E7D5FF	RGB 231 213 255	#E7D5FF
33.3%	33.3% #F6DBFF	RGB 246 219 255	#F6DBFF
50.0%	50.0% #FFE0FB	RGB 255 224 251	#FFE0FB
66.7%	66.7% #FFE6F3	RGB 255 230 243	#FFE6F3
83.3%	83.3% #FFEBEF	RGB 255 235 239	#FFEBEF
100.0%	100.0% #FFF3F1	RGB 255 243 241	#FFF3F1

#D4D0FF #E7D5FF #F6DBFF #FFE0FB #FFE6F3 #FFEBEF #FFF3F1

#D4D0FF - #FFE0FB - #FFF3F1

CSS codes

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

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