#BEA8FF - #6D35CE | 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 #BEA8FF to #6D35CE

#BEA8FF #6D35CE

Calculate the color between two colors, #BEA8FF and #6D35CE. 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)

#BEA8FF - #6D35CE | 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 #BEA8FF as 0% and #6D35CE as 100%.

0.0%	0.0% #BEA8FF	RGB 190 168 255	#BEA8FF
16.7%	16.7% #B094F6	RGB 176 148 246	#B094F6
33.3%	33.3% #A381EE	RGB 163 129 238	#A381EE
50.0%	50.0% #956EE6	RGB 149 110 230	#956EE6
66.7%	66.7% #885BDE	RGB 136 91 222	#885BDE
83.3%	83.3% #7A48D6	RGB 122 72 214	#7A48D6
100.0%	100.0% #6D35CE	RGB 109 53 206	#6D35CE

#BEA8FF #B094F6 #A381EE #956EE6 #885BDE #7A48D6 #6D35CE

#BEA8FF - #6D35CE

HSV Blend

#BEA8FF - #6D35CE | 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 #BEA8FF as 0% and #6D35CE as 100%.

0.0%	0.0% #BDA8FF	RGB 189 168 255	#BDA8FF
16.7%	16.7% #AD92F6	RGB 173 146 246	#AD92F6
33.3%	33.3% #9E7DEE	RGB 158 125 238	#9E7DEE
50.0%	50.0% #9069E6	RGB 144 105 230	#9069E6
66.7%	66.7% #8356DE	RGB 131 86 222	#8356DE
83.3%	83.3% #7745D6	RGB 119 69 214	#7745D6
100.0%	100.0% #6D35CE	RGB 109 53 206	#6D35CE

#BDA8FF #AD92F6 #9E7DEE #9069E6 #8356DE #7745D6 #6D35CE

#BEA8FF - #9069E6 - #6D35CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDA8FF 0%, #9069E6 50%, #6D35CE 100%);
    background: -webkit-linear-gradient(top, #BDA8FF 0%, #9069E6 50%, #6D35CE 100%);
    background: linear-gradient(to bottom, #BDA8FF 0%, #9069E6 50%, #6D35CE 100%);
}
</style>