#DCB9FF - #A44CCF | 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 #DCB9FF to #A44CCF

#DCB9FF #A44CCF

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

#DCB9FF - #A44CCF | 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 #DCB9FF as 0% and #A44CCF as 100%.

0.0%	0.0% #DCB9FF	RGB 220 185 255	#DCB9FF
16.7%	16.7% #D2A6F7	RGB 210 166 247	#D2A6F7
33.3%	33.3% #C994EF	RGB 201 148 239	#C994EF
50.0%	50.0% #C082E7	RGB 192 130 231	#C082E7
66.7%	66.7% #B670DF	RGB 182 112 223	#B670DF
83.3%	83.3% #AD5ED7	RGB 173 94 215	#AD5ED7
100.0%	100.0% #A44CCF	RGB 164 76 207	#A44CCF

#DCB9FF #D2A6F7 #C994EF #C082E7 #B670DF #AD5ED7 #A44CCF

#DCB9FF - #A44CCF

HSV Blend

#DCB9FF - #A44CCF | 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 #DCB9FF as 0% and #A44CCF as 100%.

0.0%	0.0% #DCB9FF	RGB 220 185 255	#DCB9FF
16.7%	16.7% #D0A4F7	RGB 208 164 247	#D0A4F7
33.3%	33.3% #C590EF	RGB 197 144 239	#C590EF
50.0%	50.0% #BB7EE7	RGB 187 126 231	#BB7EE7
66.7%	66.7% #B26CDF	RGB 178 108 223	#B26CDF
83.3%	83.3% #AB5BD7	RGB 171 91 215	#AB5BD7
100.0%	100.0% #A44CCF	RGB 164 76 207	#A44CCF

#DCB9FF #D0A4F7 #C590EF #BB7EE7 #B26CDF #AB5BD7 #A44CCF

#DCB9FF - #BB7EE7 - #A44CCF

CSS codes

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

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