#D9C9FF - #8D63CF | 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 #D9C9FF to #8D63CF

#D9C9FF #8D63CF

Calculate the color between two colors, #D9C9FF and #8D63CF. 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)

#D9C9FF - #8D63CF | 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 #D9C9FF as 0% and #8D63CF as 100%.

0.0%	0.0% #D9C9FF	RGB 217 201 255	#D9C9FF
16.7%	16.7% #CCB8F7	RGB 204 184 247	#CCB8F7
33.3%	33.3% #BFA7EF	RGB 191 167 239	#BFA7EF
50.0%	50.0% #B396E7	RGB 179 150 231	#B396E7
66.7%	66.7% #A685DF	RGB 166 133 223	#A685DF
83.3%	83.3% #9974D7	RGB 153 116 215	#9974D7
100.0%	100.0% #8D63CF	RGB 141 99 207	#8D63CF

#D9C9FF #CCB8F7 #BFA7EF #B396E7 #A685DF #9974D7 #8D63CF

#D9C9FF - #8D63CF

HSV Blend

#D9C9FF - #8D63CF | 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 #D9C9FF as 0% and #8D63CF as 100%.

0.0%	0.0% #D9C9FF	RGB 217 201 255	#D9C9FF
16.7%	16.7% #CAB5F7	RGB 202 181 247	#CAB5F7
33.3%	33.3% #BCA3EF	RGB 188 163 239	#BCA3EF
50.0%	50.0% #AF92E7	RGB 175 146 231	#AF92E7
66.7%	66.7% #A381DF	RGB 163 129 223	#A381DF
83.3%	83.3% #9771D7	RGB 151 113 215	#9771D7
100.0%	100.0% #8D63CF	RGB 141 99 207	#8D63CF

#D9C9FF #CAB5F7 #BCA3EF #AF92E7 #A381DF #9771D7 #8D63CF

#D9C9FF - #AF92E7 - #8D63CF

CSS codes

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

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