#AA3C40 - #511314 | 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 #AA3C40 to #511314

#AA3C40 #511314

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

#AA3C40 - #511314 | 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 #AA3C40 as 0% and #511314 as 100%.

0.0%	0.0% #AA3C40	RGB 170 60 64	#AA3C40
16.7%	16.7% #9B3538	RGB 155 53 56	#9B3538
33.3%	33.3% #8C2E31	RGB 140 46 49	#8C2E31
50.0%	50.0% #7D272A	RGB 125 39 42	#7D272A
66.7%	66.7% #6E2022	RGB 110 32 34	#6E2022
83.3%	83.3% #5F191B	RGB 95 25 27	#5F191B
100.0%	100.0% #511314	RGB 81 19 20	#511314

#AA3C40 #9B3538 #8C2E31 #7D272A #6E2022 #5F191B #511314

#AA3C40 - #511314

HSV Blend

#AA3C40 - #511314 | 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 #AA3C40 as 0% and #511314 as 100%.

0.0%	0.0% #AA3C40	RGB 170 60 64	#AA3C40
16.7%	16.7% #9B3337	RGB 155 51 55	#9B3337
33.3%	33.3% #8C2B2E	RGB 140 43 46	#8C2B2E
50.0%	50.0% #7D2427	RGB 125 36 39	#7D2427
66.7%	66.7% #6E1E20	RGB 110 30 32	#6E1E20
83.3%	83.3% #5F1819	RGB 95 24 25	#5F1819
100.0%	100.0% #511314	RGB 81 19 20	#511314

#AA3C40 #9B3337 #8C2B2E #7D2427 #6E1E20 #5F1819 #511314

#AA3C40 - #7D2427 - #511314

CSS codes

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

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