#6A00DB - #BA63FF | 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 #6A00DB to #BA63FF

#6A00DB #BA63FF

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

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

0.0%	0.0% #6A00DB	RGB 106 0 219	#6A00DB
16.7%	16.7% #7710E1	RGB 119 16 225	#7710E1
33.3%	33.3% #8421E7	RGB 132 33 231	#8421E7
50.0%	50.0% #9231ED	RGB 146 49 237	#9231ED
66.7%	66.7% #9F42F3	RGB 159 66 243	#9F42F3
83.3%	83.3% #AC52F9	RGB 172 82 249	#AC52F9
100.0%	100.0% #BA63FF	RGB 186 99 255	#BA63FF

#6A00DB #7710E1 #8421E7 #9231ED #9F42F3 #AC52F9 #BA63FF

#6A00DB - #BA63FF

HSV Blend

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

0.0%	0.0% #6A00DB	RGB 106 0 219	#6A00DB
16.7%	16.7% #770EE1	RGB 119 14 225	#770EE1
33.3%	33.3% #841DE7	RGB 132 29 231	#841DE7
50.0%	50.0% #912EED	RGB 145 46 237	#912EED
66.7%	66.7% #9E3EF3	RGB 158 62 243	#9E3EF3
83.3%	83.3% #AC50F9	RGB 172 80 249	#AC50F9
100.0%	100.0% #BA63FF	RGB 186 99 255	#BA63FF

#6A00DB #770EE1 #841DE7 #912EED #9E3EF3 #AC50F9 #BA63FF

#6A00DB - #912EED - #BA63FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A00DB 0%, #912EED 50%, #BA63FF 100%);
    background: -webkit-linear-gradient(top, #6A00DB 0%, #912EED 50%, #BA63FF 100%);
    background: linear-gradient(to bottom, #6A00DB 0%, #912EED 50%, #BA63FF 100%);
}
</style>