#8266FF - #D4C3FF | 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 #8266FF to #D4C3FF

#8266FF #D4C3FF

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

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

0.0%	0.0% #8266FF	RGB 130 102 255	#8266FF
16.7%	16.7% #8F75FF	RGB 143 117 255	#8F75FF
33.3%	33.3% #9D85FF	RGB 157 133 255	#9D85FF
50.0%	50.0% #AB94FF	RGB 171 148 255	#AB94FF
66.7%	66.7% #B8A4FF	RGB 184 164 255	#B8A4FF
83.3%	83.3% #C6B3FF	RGB 198 179 255	#C6B3FF
100.0%	100.0% #D4C3FF	RGB 212 195 255	#D4C3FF

#8266FF #8F75FF #9D85FF #AB94FF #B8A4FF #C6B3FF #D4C3FF

#8266FF - #D4C3FF

HSV Blend

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

0.0%	0.0% #8266FF	RGB 130 102 255	#8266FF
16.7%	16.7% #9075FF	RGB 144 117 255	#9075FF
33.3%	33.3% #9F85FF	RGB 159 133 255	#9F85FF
50.0%	50.0% #AD94FF	RGB 173 148 255	#AD94FF
66.7%	66.7% #BAA4FF	RGB 186 164 255	#BAA4FF
83.3%	83.3% #C7B3FF	RGB 199 179 255	#C7B3FF
100.0%	100.0% #D4C3FF	RGB 212 195 255	#D4C3FF

#8266FF #9075FF #9F85FF #AD94FF #BAA4FF #C7B3FF #D4C3FF

#8266FF - #AD94FF - #D4C3FF

CSS codes

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

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