#7600A8 - #B413FD | 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 #7600A8 to #B413FD

#7600A8 #B413FD

Calculate the color between two colors, #7600A8 and #B413FD. 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)

#7600A8 - #B413FD | 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 #7600A8 as 0% and #B413FD as 100%.

0.0%	0.0% #7600A8	RGB 118 0 168	#7600A8
16.7%	16.7% #8003B6	RGB 128 3 182	#8003B6
33.3%	33.3% #8A06C4	RGB 138 6 196	#8A06C4
50.0%	50.0% #9509D2	RGB 149 9 210	#9509D2
66.7%	66.7% #9F0CE0	RGB 159 12 224	#9F0CE0
83.3%	83.3% #A90FEE	RGB 169 15 238	#A90FEE
100.0%	100.0% #B413FD	RGB 180 19 253	#B413FD

#7600A8 #8003B6 #8A06C4 #9509D2 #9F0CE0 #A90FEE #B413FD

#7600A8 - #B413FD

HSV Blend

#7600A8 - #B413FD | 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 #7600A8 as 0% and #B413FD as 100%.

0.0%	0.0% #7500A8	RGB 117 0 168	#7500A8
16.7%	16.7% #8002B6	RGB 128 2 182	#8002B6
33.3%	33.3% #8A04C4	RGB 138 4 196	#8A04C4
50.0%	50.0% #9407D2	RGB 148 7 210	#9407D2
66.7%	66.7% #9F0BE0	RGB 159 11 224	#9F0BE0
83.3%	83.3% #A90EEE	RGB 169 14 238	#A90EEE
100.0%	100.0% #B413FD	RGB 180 19 253	#B413FD

#7500A8 #8002B6 #8A04C4 #9407D2 #9F0BE0 #A90EEE #B413FD

#7600A8 - #9407D2 - #B413FD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7500A8 0%, #9407D2 50%, #B413FD 100%);
    background: -webkit-linear-gradient(top, #7500A8 0%, #9407D2 50%, #B413FD 100%);
    background: linear-gradient(to bottom, #7500A8 0%, #9407D2 50%, #B413FD 100%);
}
</style>