#BB68FF - #8C1EDC | 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 #BB68FF to #8C1EDC

#BB68FF #8C1EDC

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

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

0.0%	0.0% #BB68FF	RGB 187 104 255	#BB68FF
16.7%	16.7% #B35BF9	RGB 179 91 249	#B35BF9
33.3%	33.3% #AB4FF3	RGB 171 79 243	#AB4FF3
50.0%	50.0% #A343ED	RGB 163 67 237	#A343ED
66.7%	66.7% #9B36E7	RGB 155 54 231	#9B36E7
83.3%	83.3% #932AE1	RGB 147 42 225	#932AE1
100.0%	100.0% #8C1EDC	RGB 140 30 220	#8C1EDC

#BB68FF #B35BF9 #AB4FF3 #A343ED #9B36E7 #932AE1 #8C1EDC

#BB68FF - #8C1EDC

HSV Blend

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

0.0%	0.0% #BA68FF	RGB 186 104 255	#BA68FF
16.7%	16.7% #B25AF9	RGB 178 90 249	#B25AF9
33.3%	33.3% #AA4DF3	RGB 170 77 243	#AA4DF3
50.0%	50.0% #A240ED	RGB 162 64 237	#A240ED
66.7%	66.7% #9A34E7	RGB 154 52 231	#9A34E7
83.3%	83.3% #9329E1	RGB 147 41 225	#9329E1
100.0%	100.0% #8C1EDC	RGB 140 30 220	#8C1EDC

#BA68FF #B25AF9 #AA4DF3 #A240ED #9A34E7 #9329E1 #8C1EDC

#BB68FF - #A240ED - #8C1EDC

CSS codes

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

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