#9585FF - #4A10C7 | 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 #9585FF to #4A10C7

#9585FF #4A10C7

Calculate the color between two colors, #9585FF and #4A10C7. 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)

#9585FF - #4A10C7 | 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 #9585FF as 0% and #4A10C7 as 100%.

0.0%	0.0% #9585FF	RGB 149 133 255	#9585FF
16.7%	16.7% #8871F5	RGB 136 113 245	#8871F5
33.3%	33.3% #7C5EEC	RGB 124 94 236	#7C5EEC
50.0%	50.0% #6F4AE3	RGB 111 74 227	#6F4AE3
66.7%	66.7% #6337D9	RGB 99 55 217	#6337D9
83.3%	83.3% #5623D0	RGB 86 35 208	#5623D0
100.0%	100.0% #4A10C7	RGB 74 16 199	#4A10C7

#9585FF #8871F5 #7C5EEC #6F4AE3 #6337D9 #5623D0 #4A10C7

#9585FF - #4A10C7

HSV Blend

#9585FF - #4A10C7 | 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 #9585FF as 0% and #4A10C7 as 100%.

0.0%	0.0% #9585FF	RGB 149 133 255	#9585FF
16.7%	16.7% #846EF5	RGB 132 110 245	#846EF5
33.3%	33.3% #7558EC	RGB 117 88 236	#7558EC
50.0%	50.0% #6744E3	RGB 103 68 227	#6744E3
66.7%	66.7% #5C31D9	RGB 92 49 217	#5C31D9
83.3%	83.3% #5220D0	RGB 82 32 208	#5220D0
100.0%	100.0% #4A10C7	RGB 74 16 199	#4A10C7

#9585FF #846EF5 #7558EC #6744E3 #5C31D9 #5220D0 #4A10C7

#9585FF - #6744E3 - #4A10C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9585FF 0%, #6744E3 50%, #4A10C7 100%);
    background: -webkit-linear-gradient(top, #9585FF 0%, #6744E3 50%, #4A10C7 100%);
    background: linear-gradient(to bottom, #9585FF 0%, #6744E3 50%, #4A10C7 100%);
}
</style>