#491B5E - #A338B9 | 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 #491B5E to #A338B9

#491B5E #A338B9

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

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

0.0%	0.0% #491B5E	RGB 73 27 94	#491B5E
16.7%	16.7% #581F6D	RGB 88 31 109	#581F6D
33.3%	33.3% #67247C	RGB 103 36 124	#67247C
50.0%	50.0% #76298B	RGB 118 41 139	#76298B
66.7%	66.7% #852E9A	RGB 133 46 154	#852E9A
83.3%	83.3% #9433A9	RGB 148 51 169	#9433A9
100.0%	100.0% #A338B9	RGB 163 56 185	#A338B9

#491B5E #581F6D #67247C #76298B #852E9A #9433A9 #A338B9

#491B5E - #A338B9

HSV Blend

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

0.0%	0.0% #491B5E	RGB 73 27 94	#491B5E
16.7%	16.7% #561F6D	RGB 86 31 109	#561F6D
33.3%	33.3% #64247C	RGB 100 36 124	#64247C
50.0%	50.0% #73298B	RGB 115 41 139	#73298B
66.7%	66.7% #822E9A	RGB 130 46 154	#822E9A
83.3%	83.3% #9232A9	RGB 146 50 169	#9232A9
100.0%	100.0% #A338B9	RGB 163 56 185	#A338B9

#491B5E #561F6D #64247C #73298B #822E9A #9232A9 #A338B9

#491B5E - #73298B - #A338B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #491B5E 0%, #73298B 50%, #A338B9 100%);
    background: -webkit-linear-gradient(top, #491B5E 0%, #73298B 50%, #A338B9 100%);
    background: linear-gradient(to bottom, #491B5E 0%, #73298B 50%, #A338B9 100%);
}
</style>