#DFB9FF - #FFF2F3 | 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 #DFB9FF to #FFF2F3

#DFB9FF #FFF2F3

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

#DFB9FF - #FFF2F3 | 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 #DFB9FF as 0% and #FFF2F3 as 100%.

0.0%	0.0% #DFB9FF	RGB 223 185 255	#DFB9FF
16.7%	16.7% #E4C2FD	RGB 228 194 253	#E4C2FD
33.3%	33.3% #E9CCFB	RGB 233 204 251	#E9CCFB
50.0%	50.0% #EFD5F9	RGB 239 213 249	#EFD5F9
66.7%	66.7% #F4DFF7	RGB 244 223 247	#F4DFF7
83.3%	83.3% #F9E8F5	RGB 249 232 245	#F9E8F5
100.0%	100.0% #FFF2F3	RGB 255 242 243	#FFF2F3

#DFB9FF #E4C2FD #E9CCFB #EFD5F9 #F4DFF7 #F9E8F5 #FFF2F3

#DFB9FF - #FFF2F3

HSV Blend

#DFB9FF - #FFF2F3 | 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 #DFB9FF as 0% and #FFF2F3 as 100%.

0.0%	0.0% #DFB9FF	RGB 223 185 255	#DFB9FF
16.7%	16.7% #F1C2FF	RGB 241 194 255	#F1C2FF
33.3%	33.3% #FFCCFE	RGB 255 204 254	#FFCCFE
50.0%	50.0% #FFD5F5	RGB 255 213 245	#FFD5F5
66.7%	66.7% #FFDFF0	RGB 255 223 240	#FFDFF0
83.3%	83.3% #FFE8EF	RGB 255 232 239	#FFE8EF
100.0%	100.0% #FFF2F3	RGB 255 242 243	#FFF2F3

#DFB9FF #F1C2FF #FFCCFE #FFD5F5 #FFDFF0 #FFE8EF #FFF2F3

#DFB9FF - #FFD5F5 - #FFF2F3

CSS codes

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

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