#8463FF - #D4C2FF | 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 #8463FF to #D4C2FF

#8463FF #D4C2FF

Calculate the color between two colors, #8463FF and #D4C2FF. 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)

#8463FF - #D4C2FF | 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 #8463FF as 0% and #D4C2FF as 100%.

0.0%	0.0% #8463FF	RGB 132 99 255	#8463FF
16.7%	16.7% #9172FF	RGB 145 114 255	#9172FF
33.3%	33.3% #9E82FF	RGB 158 130 255	#9E82FF
50.0%	50.0% #AC92FF	RGB 172 146 255	#AC92FF
66.7%	66.7% #B9A2FF	RGB 185 162 255	#B9A2FF
83.3%	83.3% #C6B2FF	RGB 198 178 255	#C6B2FF
100.0%	100.0% #D4C2FF	RGB 212 194 255	#D4C2FF

#8463FF #9172FF #9E82FF #AC92FF #B9A2FF #C6B2FF #D4C2FF

#8463FF - #D4C2FF

HSV Blend

#8463FF - #D4C2FF | 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 #8463FF as 0% and #D4C2FF as 100%.

0.0%	0.0% #8463FF	RGB 132 99 255	#8463FF
16.7%	16.7% #9272FF	RGB 146 114 255	#9272FF
33.3%	33.3% #A082FF	RGB 160 130 255	#A082FF
50.0%	50.0% #AD92FF	RGB 173 146 255	#AD92FF
66.7%	66.7% #BBA2FF	RGB 187 162 255	#BBA2FF
83.3%	83.3% #C7B2FF	RGB 199 178 255	#C7B2FF
100.0%	100.0% #D4C2FF	RGB 212 194 255	#D4C2FF

#8463FF #9272FF #A082FF #AD92FF #BBA2FF #C7B2FF #D4C2FF

#8463FF - #AD92FF - #D4C2FF

CSS codes

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

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