#D1B2FF - #FFEDF3 | 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 #D1B2FF to #FFEDF3

#D1B2FF #FFEDF3

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

#D1B2FF - #FFEDF3 | 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 #D1B2FF as 0% and #FFEDF3 as 100%.

0.0%	0.0% #D1B2FF	RGB 209 178 255	#D1B2FF
16.7%	16.7% #D8BBFD	RGB 216 187 253	#D8BBFD
33.3%	33.3% #E0C5FB	RGB 224 197 251	#E0C5FB
50.0%	50.0% #E8CFF9	RGB 232 207 249	#E8CFF9
66.7%	66.7% #EFD9F7	RGB 239 217 247	#EFD9F7
83.3%	83.3% #F7E3F5	RGB 247 227 245	#F7E3F5
100.0%	100.0% #FFEDF3	RGB 255 237 243	#FFEDF3

#D1B2FF #D8BBFD #E0C5FB #E8CFF9 #EFD9F7 #F7E3F5 #FFEDF3

#D1B2FF - #FFEDF3

HSV Blend

#D1B2FF - #FFEDF3 | 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 #D1B2FF as 0% and #FFEDF3 as 100%.

0.0%	0.0% #D1B2FF	RGB 209 178 255	#D1B2FF
16.7%	16.7% #E5BBFF	RGB 229 187 255	#E5BBFF
33.3%	33.3% #F4C5FF	RGB 244 197 255	#F4C5FF
50.0%	50.0% #FFCFFD	RGB 255 207 253	#FFCFFD
66.7%	66.7% #FFD9F5	RGB 255 217 245	#FFD9F5
83.3%	83.3% #FFE3F2	RGB 255 227 242	#FFE3F2
100.0%	100.0% #FFEDF3	RGB 255 237 243	#FFEDF3

#D1B2FF #E5BBFF #F4C5FF #FFCFFD #FFD9F5 #FFE3F2 #FFEDF3

#D1B2FF - #FFCFFD - #FFEDF3

CSS codes

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

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