#9085E9 - #4A1AA6 | 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 #9085E9 to #4A1AA6

#9085E9 #4A1AA6

Calculate the color between two colors, #9085E9 and #4A1AA6. 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)

#9085E9 - #4A1AA6 | 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 #9085E9 as 0% and #4A1AA6 as 100%.

0.0%	0.0% #9085E9	RGB 144 133 233	#9085E9
16.7%	16.7% #8473DD	RGB 132 115 221	#8473DD
33.3%	33.3% #7861D2	RGB 120 97 210	#7861D2
50.0%	50.0% #6D4FC7	RGB 109 79 199	#6D4FC7
66.7%	66.7% #613DBC	RGB 97 61 188	#613DBC
83.3%	83.3% #552BB1	RGB 85 43 177	#552BB1
100.0%	100.0% #4A1AA6	RGB 74 26 166	#4A1AA6

#9085E9 #8473DD #7861D2 #6D4FC7 #613DBC #552BB1 #4A1AA6

#9085E9 - #4A1AA6

HSV Blend

#9085E9 - #4A1AA6 | 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 #9085E9 as 0% and #4A1AA6 as 100%.

0.0%	0.0% #9085E9	RGB 144 133 233	#9085E9
16.7%	16.7% #7F6FDD	RGB 127 111 221	#7F6FDD
33.3%	33.3% #715BD2	RGB 113 91 210	#715BD2
50.0%	50.0% #6548C7	RGB 101 72 199	#6548C7
66.7%	66.7% #5A37BC	RGB 90 55 188	#5A37BC
83.3%	83.3% #5127B1	RGB 81 39 177	#5127B1
100.0%	100.0% #4A1AA6	RGB 74 26 166	#4A1AA6

#9085E9 #7F6FDD #715BD2 #6548C7 #5A37BC #5127B1 #4A1AA6

#9085E9 - #6548C7 - #4A1AA6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9085E9 0%, #6548C7 50%, #4A1AA6 100%);
    background: -webkit-linear-gradient(top, #9085E9 0%, #6548C7 50%, #4A1AA6 100%);
    background: linear-gradient(to bottom, #9085E9 0%, #6548C7 50%, #4A1AA6 100%);
}
</style>