#D9C6FF - #8C5FCF | 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 #D9C6FF to #8C5FCF

#D9C6FF #8C5FCF

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

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

0.0%	0.0% #D9C6FF	RGB 217 198 255	#D9C6FF
16.7%	16.7% #CCB4F7	RGB 204 180 247	#CCB4F7
33.3%	33.3% #BFA3EF	RGB 191 163 239	#BFA3EF
50.0%	50.0% #B292E7	RGB 178 146 231	#B292E7
66.7%	66.7% #A581DF	RGB 165 129 223	#A581DF
83.3%	83.3% #9870D7	RGB 152 112 215	#9870D7
100.0%	100.0% #8C5FCF	RGB 140 95 207	#8C5FCF

#D9C6FF #CCB4F7 #BFA3EF #B292E7 #A581DF #9870D7 #8C5FCF

#D9C6FF - #8C5FCF

HSV Blend

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

0.0%	0.0% #D9C6FF	RGB 217 198 255	#D9C6FF
16.7%	16.7% #CAB2F7	RGB 202 178 247	#CAB2F7
33.3%	33.3% #BCA0EF	RGB 188 160 239	#BCA0EF
50.0%	50.0% #AF8EE7	RGB 175 142 231	#AF8EE7
66.7%	66.7% #A27DDF	RGB 162 125 223	#A27DDF
83.3%	83.3% #976ED7	RGB 151 110 215	#976ED7
100.0%	100.0% #8C5FCF	RGB 140 95 207	#8C5FCF

#D9C6FF #CAB2F7 #BCA0EF #AF8EE7 #A27DDF #976ED7 #8C5FCF

#D9C6FF - #AF8EE7 - #8C5FCF

CSS codes

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

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