#9F91FF - #521CCA | 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 #9F91FF to #521CCA

#9F91FF #521CCA

Calculate the color between two colors, #9F91FF and #521CCA. 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)

#9F91FF - #521CCA | 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 #9F91FF as 0% and #521CCA as 100%.

0.0%	0.0% #9F91FF	RGB 159 145 255	#9F91FF
16.7%	16.7% #927DF6	RGB 146 125 246	#927DF6
33.3%	33.3% #856AED	RGB 133 106 237	#856AED
50.0%	50.0% #7856E4	RGB 120 86 228	#7856E4
66.7%	66.7% #6B43DB	RGB 107 67 219	#6B43DB
83.3%	83.3% #5E2FD2	RGB 94 47 210	#5E2FD2
100.0%	100.0% #521CCA	RGB 82 28 202	#521CCA

#9F91FF #927DF6 #856AED #7856E4 #6B43DB #5E2FD2 #521CCA

#9F91FF - #521CCA

HSV Blend

#9F91FF - #521CCA | 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 #9F91FF as 0% and #521CCA as 100%.

0.0%	0.0% #9F91FF	RGB 159 145 255	#9F91FF
16.7%	16.7% #8D7AF6	RGB 141 122 246	#8D7AF6
33.3%	33.3% #7E64ED	RGB 126 100 237	#7E64ED
50.0%	50.0% #7150E4	RGB 113 80 228	#7150E4
66.7%	66.7% #653DDB	RGB 101 61 219	#653DDB
83.3%	83.3% #5A2CD2	RGB 90 44 210	#5A2CD2
100.0%	100.0% #521CCA	RGB 82 28 202	#521CCA

#9F91FF #8D7AF6 #7E64ED #7150E4 #653DDB #5A2CD2 #521CCA

#9F91FF - #7150E4 - #521CCA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F91FF 0%, #7150E4 50%, #521CCA 100%);
    background: -webkit-linear-gradient(top, #9F91FF 0%, #7150E4 50%, #521CCA 100%);
    background: linear-gradient(to bottom, #9F91FF 0%, #7150E4 50%, #521CCA 100%);
}
</style>