#9A85FF - #4D10C8 | 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 #9A85FF to #4D10C8

#9A85FF #4D10C8

Calculate the color between two colors, #9A85FF and #4D10C8. 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)

#9A85FF - #4D10C8 | 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 #9A85FF as 0% and #4D10C8 as 100%.

0.0%	0.0% #9A85FF	RGB 154 133 255	#9A85FF
16.7%	16.7% #8D71F5	RGB 141 113 245	#8D71F5
33.3%	33.3% #805EEC	RGB 128 94 236	#805EEC
50.0%	50.0% #734AE3	RGB 115 74 227	#734AE3
66.7%	66.7% #6637DA	RGB 102 55 218	#6637DA
83.3%	83.3% #5923D1	RGB 89 35 209	#5923D1
100.0%	100.0% #4D10C8	RGB 77 16 200	#4D10C8

#9A85FF #8D71F5 #805EEC #734AE3 #6637DA #5923D1 #4D10C8

#9A85FF - #4D10C8

HSV Blend

#9A85FF - #4D10C8 | 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 #9A85FF as 0% and #4D10C8 as 100%.

0.0%	0.0% #9985FF	RGB 153 133 255	#9985FF
16.7%	16.7% #896EF5	RGB 137 110 245	#896EF5
33.3%	33.3% #7958EC	RGB 121 88 236	#7958EC
50.0%	50.0% #6C44E3	RGB 108 68 227	#6C44E3
66.7%	66.7% #6031DA	RGB 96 49 218	#6031DA
83.3%	83.3% #5620D1	RGB 86 32 209	#5620D1
100.0%	100.0% #4D10C8	RGB 77 16 200	#4D10C8

#9985FF #896EF5 #7958EC #6C44E3 #6031DA #5620D1 #4D10C8

#9A85FF - #6C44E3 - #4D10C8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9985FF 0%, #6C44E3 50%, #4D10C8 100%);
    background: -webkit-linear-gradient(top, #9985FF 0%, #6C44E3 50%, #4D10C8 100%);
    background: linear-gradient(to bottom, #9985FF 0%, #6C44E3 50%, #4D10C8 100%);
}
</style>