#AA3C62 - #5C0820 | 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 #AA3C62 to #5C0820

#AA3C62 #5C0820

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

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

0.0%	0.0% #AA3C62	RGB 170 60 98	#AA3C62
16.7%	16.7% #9D3357	RGB 157 51 87	#9D3357
33.3%	33.3% #902A4C	RGB 144 42 76	#902A4C
50.0%	50.0% #832241	RGB 131 34 65	#832241
66.7%	66.7% #761936	RGB 118 25 54	#761936
83.3%	83.3% #69102B	RGB 105 16 43	#69102B
100.0%	100.0% #5C0820	RGB 92 8 32	#5C0820

#AA3C62 #9D3357 #902A4C #832241 #761936 #69102B #5C0820

#AA3C62 - #5C0820

HSV Blend

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

0.0%	0.0% #AA3C62	RGB 170 60 98	#AA3C62
16.7%	16.7% #9D3054	RGB 157 48 84	#9D3054
33.3%	33.3% #902648	RGB 144 38 72	#902648
50.0%	50.0% #831C3D	RGB 131 28 61	#831C3D
66.7%	66.7% #761432	RGB 118 20 50	#761432
83.3%	83.3% #690D28	RGB 105 13 40	#690D28
100.0%	100.0% #5C0820	RGB 92 8 32	#5C0820

#AA3C62 #9D3054 #902648 #831C3D #761432 #690D28 #5C0820

#AA3C62 - #831C3D - #5C0820

CSS codes

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

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