#AA3C5B - #640010 | 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 #AA3C5B to #640010

#AA3C5B #640010

Calculate the color between two colors, #AA3C5B and #640010. 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)

#AA3C5B - #640010 | 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 #AA3C5B as 0% and #640010 as 100%.

0.0%	0.0% #AA3C5B	RGB 170 60 91	#AA3C5B
16.7%	16.7% #9E324E	RGB 158 50 78	#9E324E
33.3%	33.3% #922842	RGB 146 40 66	#922842
50.0%	50.0% #871E35	RGB 135 30 53	#871E35
66.7%	66.7% #7B1429	RGB 123 20 41	#7B1429
83.3%	83.3% #6F0A1C	RGB 111 10 28	#6F0A1C
100.0%	100.0% #640010	RGB 100 0 16	#640010

#AA3C5B #9E324E #922842 #871E35 #7B1429 #6F0A1C #640010

#AA3C5B - #640010

HSV Blend

#AA3C5B - #640010 | 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 #AA3C5B as 0% and #640010 as 100%.

0.0%	0.0% #AA3C5B	RGB 170 60 91	#AA3C5B
16.7%	16.7% #9E2E4B	RGB 158 46 75	#9E2E4B
33.3%	33.3% #92223D	RGB 146 34 61	#92223D
50.0%	50.0% #871730	RGB 135 23 48	#871730
66.7%	66.7% #7B0E24	RGB 123 14 36	#7B0E24
83.3%	83.3% #6F0619	RGB 111 6 25	#6F0619
100.0%	100.0% #640010	RGB 100 0 16	#640010

#AA3C5B #9E2E4B #92223D #871730 #7B0E24 #6F0619 #640010

#AA3C5B - #871730 - #640010

CSS codes

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

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