#AA3F5E - #5C0C1F | 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 #AA3F5E to #5C0C1F

#AA3F5E #5C0C1F

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

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

0.0%	0.0% #AA3F5E	RGB 170 63 94	#AA3F5E
16.7%	16.7% #9D3653	RGB 157 54 83	#9D3653
33.3%	33.3% #902E49	RGB 144 46 73	#902E49
50.0%	50.0% #83253E	RGB 131 37 62	#83253E
66.7%	66.7% #761D34	RGB 118 29 52	#761D34
83.3%	83.3% #691429	RGB 105 20 41	#691429
100.0%	100.0% #5C0C1F	RGB 92 12 31	#5C0C1F

#AA3F5E #9D3653 #902E49 #83253E #761D34 #691429 #5C0C1F

#AA3F5E - #5C0C1F

HSV Blend

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

0.0%	0.0% #AA3F5E	RGB 170 63 94	#AA3F5E
16.7%	16.7% #9D3351	RGB 157 51 81	#9D3351
33.3%	33.3% #902945	RGB 144 41 69	#902945
50.0%	50.0% #83203A	RGB 131 32 58	#83203A
66.7%	66.7% #761830	RGB 118 24 48	#761830
83.3%	83.3% #691127	RGB 105 17 39	#691127
100.0%	100.0% #5C0C1F	RGB 92 12 31	#5C0C1F

#AA3F5E #9D3351 #902945 #83203A #761830 #691127 #5C0C1F

#AA3F5E - #83203A - #5C0C1F

CSS codes

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

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