#9A70B0 - #481C5E | 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 #9A70B0 to #481C5E

#9A70B0 #481C5E

Calculate the color between two colors, #9A70B0 and #481C5E. 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)

#9A70B0 - #481C5E | 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 #9A70B0 as 0% and #481C5E as 100%.

0.0%	0.0% #9A70B0	RGB 154 112 176	#9A70B0
16.7%	16.7% #8C62A2	RGB 140 98 162	#8C62A2
33.3%	33.3% #7E5494	RGB 126 84 148	#7E5494
50.0%	50.0% #714687	RGB 113 70 135	#714687
66.7%	66.7% #633879	RGB 99 56 121	#633879
83.3%	83.3% #552A6B	RGB 85 42 107	#552A6B
100.0%	100.0% #481C5E	RGB 72 28 94	#481C5E

#9A70B0 #8C62A2 #7E5494 #714687 #633879 #552A6B #481C5E

#9A70B0 - #481C5E

HSV Blend

#9A70B0 - #481C5E | 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 #9A70B0 as 0% and #481C5E as 100%.

0.0%	0.0% #9A70B0	RGB 154 112 176	#9A70B0
16.7%	16.7% #8B5EA2	RGB 139 94 162	#8B5EA2
33.3%	33.3% #7C4D94	RGB 124 77 148	#7C4D94
50.0%	50.0% #6E3F87	RGB 110 63 135	#6E3F87
66.7%	66.7% #613179	RGB 97 49 121	#613179
83.3%	83.3% #54266B	RGB 84 38 107	#54266B
100.0%	100.0% #481C5E	RGB 72 28 94	#481C5E

#9A70B0 #8B5EA2 #7C4D94 #6E3F87 #613179 #54266B #481C5E

#9A70B0 - #6E3F87 - #481C5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A70B0 0%, #6E3F87 50%, #481C5E 100%);
    background: -webkit-linear-gradient(top, #9A70B0 0%, #6E3F87 50%, #481C5E 100%);
    background: linear-gradient(to bottom, #9A70B0 0%, #6E3F87 50%, #481C5E 100%);
}
</style>