#A13C5E - #560B1E | 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 #A13C5E to #560B1E

#A13C5E #560B1E

Calculate the color between two colors, #A13C5E and #560B1E. 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)

#A13C5E - #560B1E | 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 #A13C5E as 0% and #560B1E as 100%.

0.0%	0.0% #A13C5E	RGB 161 60 94	#A13C5E
16.7%	16.7% #943353	RGB 148 51 83	#943353
33.3%	33.3% #882B48	RGB 136 43 72	#882B48
50.0%	50.0% #7B233E	RGB 123 35 62	#7B233E
66.7%	66.7% #6F1B33	RGB 111 27 51	#6F1B33
83.3%	83.3% #621328	RGB 98 19 40	#621328
100.0%	100.0% #560B1E	RGB 86 11 30	#560B1E

#A13C5E #943353 #882B48 #7B233E #6F1B33 #621328 #560B1E

#A13C5E - #560B1E

HSV Blend

#A13C5E - #560B1E | 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 #A13C5E as 0% and #560B1E as 100%.

0.0%	0.0% #A13C5E	RGB 161 60 94	#A13C5E
16.7%	16.7% #943151	RGB 148 49 81	#943151
33.3%	33.3% #882745	RGB 136 39 69	#882745
50.0%	50.0% #7B1E3A	RGB 123 30 58	#7B1E3A
66.7%	66.7% #6F172F	RGB 111 23 47	#6F172F
83.3%	83.3% #621026	RGB 98 16 38	#621026
100.0%	100.0% #560B1E	RGB 86 11 30	#560B1E

#A13C5E #943151 #882745 #7B1E3A #6F172F #621026 #560B1E

#A13C5E - #7B1E3A - #560B1E

CSS codes

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

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