#BA94FF - #651CCC | 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 #BA94FF to #651CCC

#BA94FF #651CCC

Calculate the color between two colors, #BA94FF and #651CCC. 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)

#BA94FF - #651CCC | 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 #BA94FF as 0% and #651CCC as 100%.

0.0%	0.0% #BA94FF	RGB 186 148 255	#BA94FF
16.7%	16.7% #AB80F6	RGB 171 128 246	#AB80F6
33.3%	33.3% #9D6CEE	RGB 157 108 238	#9D6CEE
50.0%	50.0% #8F58E5	RGB 143 88 229	#8F58E5
66.7%	66.7% #8144DD	RGB 129 68 221	#8144DD
83.3%	83.3% #7330D4	RGB 115 48 212	#7330D4
100.0%	100.0% #651CCC	RGB 101 28 204	#651CCC

#BA94FF #AB80F6 #9D6CEE #8F58E5 #8144DD #7330D4 #651CCC

#BA94FF - #651CCC

HSV Blend

#BA94FF - #651CCC | 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 #BA94FF as 0% and #651CCC as 100%.

0.0%	0.0% #BA94FF	RGB 186 148 255	#BA94FF
16.7%	16.7% #A97CF6	RGB 169 124 246	#A97CF6
33.3%	33.3% #9966EE	RGB 153 102 238	#9966EE
50.0%	50.0% #8A52E5	RGB 138 82 229	#8A52E5
66.7%	66.7% #7D3EDD	RGB 125 62 221	#7D3EDD
83.3%	83.3% #702CD4	RGB 112 44 212	#702CD4
100.0%	100.0% #651CCC	RGB 101 28 204	#651CCC

#BA94FF #A97CF6 #9966EE #8A52E5 #7D3EDD #702CD4 #651CCC

#BA94FF - #8A52E5 - #651CCC

CSS codes

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

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