#49085E - #AA3F79 | 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 #49085E to #AA3F79

#49085E #AA3F79

Calculate the color between two colors, #49085E and #AA3F79. 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)

#49085E - #AA3F79 | 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 #49085E as 0% and #AA3F79 as 100%.

0.0%	0.0% #49085E	RGB 73 8 94	#49085E
16.7%	16.7% #591162	RGB 89 17 98	#591162
33.3%	33.3% #691A67	RGB 105 26 103	#691A67
50.0%	50.0% #79236B	RGB 121 35 107	#79236B
66.7%	66.7% #892C70	RGB 137 44 112	#892C70
83.3%	83.3% #993574	RGB 153 53 116	#993574
100.0%	100.0% #AA3F79	RGB 170 63 121	#AA3F79

#49085E #591162 #691A67 #79236B #892C70 #993574 #AA3F79

#49085E - #AA3F79

HSV Blend

#49085E - #AA3F79 | 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 #49085E as 0% and #AA3F79 as 100%.

0.0%	0.0% #49075E	RGB 73 7 94	#49075E
16.7%	16.7% #5E0E6A	RGB 94 14 106	#5E0E6A
33.3%	33.3% #761577	RGB 118 21 119	#761577
50.0%	50.0% #841E79	RGB 132 30 121	#841E79
66.7%	66.7% #902779	RGB 144 39 121	#902779
83.3%	83.3% #9D3279	RGB 157 50 121	#9D3279
100.0%	100.0% #AA3F79	RGB 170 63 121	#AA3F79

#49075E #5E0E6A #761577 #841E79 #902779 #9D3279 #AA3F79

#49085E - #841E79 - #AA3F79

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #49075E 0%, #841E79 50%, #AA3F79 100%);
    background: -webkit-linear-gradient(top, #49075E 0%, #841E79 50%, #AA3F79 100%);
    background: linear-gradient(to bottom, #49075E 0%, #841E79 50%, #AA3F79 100%);
}
</style>