#491D5E - #A63CB6 | 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 #491D5E to #A63CB6

#491D5E #A63CB6

Calculate the color between two colors, #491D5E and #A63CB6. 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)

#491D5E - #A63CB6 | 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 #491D5E as 0% and #A63CB6 as 100%.

0.0%	0.0% #491D5E	RGB 73 29 94	#491D5E
16.7%	16.7% #58226C	RGB 88 34 108	#58226C
33.3%	33.3% #68277B	RGB 104 39 123	#68277B
50.0%	50.0% #772C8A	RGB 119 44 138	#772C8A
66.7%	66.7% #873198	RGB 135 49 152	#873198
83.3%	83.3% #9636A7	RGB 150 54 167	#9636A7
100.0%	100.0% #A63CB6	RGB 166 60 182	#A63CB6

#491D5E #58226C #68277B #772C8A #873198 #9636A7 #A63CB6

#491D5E - #A63CB6

HSV Blend

#491D5E - #A63CB6 | 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 #491D5E as 0% and #A63CB6 as 100%.

0.0%	0.0% #491D5E	RGB 73 29 94	#491D5E
16.7%	16.7% #56216C	RGB 86 33 108	#56216C
33.3%	33.3% #65267B	RGB 101 38 123	#65267B
50.0%	50.0% #742C8A	RGB 116 44 138	#742C8A
66.7%	66.7% #843198	RGB 132 49 152	#843198
83.3%	83.3% #9436A7	RGB 148 54 167	#9436A7
100.0%	100.0% #A63CB6	RGB 166 60 182	#A63CB6

#491D5E #56216C #65267B #742C8A #843198 #9436A7 #A63CB6

#491D5E - #742C8A - #A63CB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #491D5E 0%, #742C8A 50%, #A63CB6 100%);
    background: -webkit-linear-gradient(top, #491D5E 0%, #742C8A 50%, #A63CB6 100%);
    background: linear-gradient(to bottom, #491D5E 0%, #742C8A 50%, #A63CB6 100%);
}
</style>