#8363FF - #D3C2FF | 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 #8363FF to #D3C2FF

#8363FF #D3C2FF

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

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

0.0%	0.0% #8363FF	RGB 131 99 255	#8363FF
16.7%	16.7% #9072FF	RGB 144 114 255	#9072FF
33.3%	33.3% #9D82FF	RGB 157 130 255	#9D82FF
50.0%	50.0% #AB92FF	RGB 171 146 255	#AB92FF
66.7%	66.7% #B8A2FF	RGB 184 162 255	#B8A2FF
83.3%	83.3% #C5B2FF	RGB 197 178 255	#C5B2FF
100.0%	100.0% #D3C2FF	RGB 211 194 255	#D3C2FF

#8363FF #9072FF #9D82FF #AB92FF #B8A2FF #C5B2FF #D3C2FF

#8363FF - #D3C2FF

HSV Blend

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

0.0%	0.0% #8363FF	RGB 131 99 255	#8363FF
16.7%	16.7% #9172FF	RGB 145 114 255	#9172FF
33.3%	33.3% #9F82FF	RGB 159 130 255	#9F82FF
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% #D3C2FF	RGB 211 194 255	#D3C2FF

#8363FF #9172FF #9F82FF #AC92FF #B9A2FF #C6B2FF #D3C2FF

#8363FF - #AC92FF - #D3C2FF

CSS codes

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

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