#D2B9FF - #824CCF | 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 #D2B9FF to #824CCF

#D2B9FF #824CCF

Calculate the color between two colors, #D2B9FF and #824CCF. 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)

#D2B9FF - #824CCF | 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 #D2B9FF as 0% and #824CCF as 100%.

0.0%	0.0% #D2B9FF	RGB 210 185 255	#D2B9FF
16.7%	16.7% #C4A6F7	RGB 196 166 247	#C4A6F7
33.3%	33.3% #B794EF	RGB 183 148 239	#B794EF
50.0%	50.0% #AA82E7	RGB 170 130 231	#AA82E7
66.7%	66.7% #9C70DF	RGB 156 112 223	#9C70DF
83.3%	83.3% #8F5ED7	RGB 143 94 215	#8F5ED7
100.0%	100.0% #824CCF	RGB 130 76 207	#824CCF

#D2B9FF #C4A6F7 #B794EF #AA82E7 #9C70DF #8F5ED7 #824CCF

#D2B9FF - #824CCF

HSV Blend

#D2B9FF - #824CCF | 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 #D2B9FF as 0% and #824CCF as 100%.

0.0%	0.0% #D2B9FF	RGB 210 185 255	#D2B9FF
16.7%	16.7% #C2A4F7	RGB 194 164 247	#C2A4F7
33.3%	33.3% #B490EF	RGB 180 144 239	#B490EF
50.0%	50.0% #A67EE7	RGB 166 126 231	#A67EE7
66.7%	66.7% #996CDF	RGB 153 108 223	#996CDF
83.3%	83.3% #8D5BD7	RGB 141 91 215	#8D5BD7
100.0%	100.0% #824CCF	RGB 130 76 207	#824CCF

#D2B9FF #C2A4F7 #B490EF #A67EE7 #996CDF #8D5BD7 #824CCF

#D2B9FF - #A67EE7 - #824CCF

CSS codes

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

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