#AA3F7E - #5C0C37 | 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 #AA3F7E to #5C0C37

#AA3F7E #5C0C37

Calculate the color between two colors, #AA3F7E and #5C0C37. 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)

#AA3F7E - #5C0C37 | 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 #AA3F7E as 0% and #5C0C37 as 100%.

0.0%	0.0% #AA3F7E	RGB 170 63 126	#AA3F7E
16.7%	16.7% #9D3672	RGB 157 54 114	#9D3672
33.3%	33.3% #902E66	RGB 144 46 102	#902E66
50.0%	50.0% #83255A	RGB 131 37 90	#83255A
66.7%	66.7% #761D4E	RGB 118 29 78	#761D4E
83.3%	83.3% #691442	RGB 105 20 66	#691442
100.0%	100.0% #5C0C37	RGB 92 12 55	#5C0C37

#AA3F7E #9D3672 #902E66 #83255A #761D4E #691442 #5C0C37

#AA3F7E - #5C0C37

HSV Blend

#AA3F7E - #5C0C37 | 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 #AA3F7E as 0% and #5C0C37 as 100%.

0.0%	0.0% #AA3F7D	RGB 170 63 125	#AA3F7D
16.7%	16.7% #9D3370	RGB 157 51 112	#9D3370
33.3%	33.3% #902964	RGB 144 41 100	#902964
50.0%	50.0% #832058	RGB 131 32 88	#832058
66.7%	66.7% #76184C	RGB 118 24 76	#76184C
83.3%	83.3% #691141	RGB 105 17 65	#691141
100.0%	100.0% #5C0C37	RGB 92 12 55	#5C0C37

#AA3F7D #9D3370 #902964 #832058 #76184C #691141 #5C0C37

#AA3F7E - #832058 - #5C0C37

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA3F7D 0%, #832058 50%, #5C0C37 100%);
    background: -webkit-linear-gradient(top, #AA3F7D 0%, #832058 50%, #5C0C37 100%);
    background: linear-gradient(to bottom, #AA3F7D 0%, #832058 50%, #5C0C37 100%);
}
</style>