#AA2D6C - #5A0025 | 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 #AA2D6C to #5A0025

#AA2D6C #5A0025

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

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

0.0%	0.0% #AA2D6C	RGB 170 45 108	#AA2D6C
16.7%	16.7% #9C2560	RGB 156 37 96	#9C2560
33.3%	33.3% #8F1E54	RGB 143 30 84	#8F1E54
50.0%	50.0% #821648	RGB 130 22 72	#821648
66.7%	66.7% #740E3C	RGB 116 14 60	#740E3C
83.3%	83.3% #670730	RGB 103 7 48	#670730
100.0%	100.0% #5A0025	RGB 90 0 37	#5A0025

#AA2D6C #9C2560 #8F1E54 #821648 #740E3C #670730 #5A0025

#AA2D6C - #5A0025

HSV Blend

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

0.0%	0.0% #AA2D6C	RGB 170 45 108	#AA2D6C
16.7%	16.7% #9C225E	RGB 156 34 94	#9C225E
33.3%	33.3% #8F1951	RGB 143 25 81	#8F1951
50.0%	50.0% #821144	RGB 130 17 68	#821144
66.7%	66.7% #740A39	RGB 116 10 57	#740A39
83.3%	83.3% #67042E	RGB 103 4 46	#67042E
100.0%	100.0% #5A0025	RGB 90 0 37	#5A0025

#AA2D6C #9C225E #8F1951 #821144 #740A39 #67042E #5A0025

#AA2D6C - #821144 - #5A0025

CSS codes

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

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