#AA2F5E - #57031E | 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 #AA2F5E to #57031E

#AA2F5E #57031E

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

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

0.0%	0.0% #AA2F5E	RGB 170 47 94	#AA2F5E
16.7%	16.7% #9C2753	RGB 156 39 83	#9C2753
33.3%	33.3% #8E2048	RGB 142 32 72	#8E2048
50.0%	50.0% #80193E	RGB 128 25 62	#80193E
66.7%	66.7% #721133	RGB 114 17 51	#721133
83.3%	83.3% #640A28	RGB 100 10 40	#640A28
100.0%	100.0% #57031E	RGB 87 3 30	#57031E

#AA2F5E #9C2753 #8E2048 #80193E #721133 #640A28 #57031E

#AA2F5E - #57031E

HSV Blend

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

0.0%	0.0% #AA2F5E	RGB 170 47 94	#AA2F5E
16.7%	16.7% #9C2451	RGB 156 36 81	#9C2451
33.3%	33.3% #8E1B45	RGB 142 27 69	#8E1B45
50.0%	50.0% #80133A	RGB 128 19 58	#80133A
66.7%	66.7% #720D2F	RGB 114 13 47	#720D2F
83.3%	83.3% #640726	RGB 100 7 38	#640726
100.0%	100.0% #57031E	RGB 87 3 30	#57031E

#AA2F5E #9C2451 #8E1B45 #80133A #720D2F #640726 #57031E

#AA2F5E - #80133A - #57031E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA2F5E 0%, #80133A 50%, #57031E 100%);
    background: -webkit-linear-gradient(top, #AA2F5E 0%, #80133A 50%, #57031E 100%);
    background: linear-gradient(to bottom, #AA2F5E 0%, #80133A 50%, #57031E 100%);
}
</style>