#A55760 - #5E1C20 | 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 #A55760 to #5E1C20

#A55760 #5E1C20

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

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

0.0%	0.0% #A55760	RGB 165 87 96	#A55760
16.7%	16.7% #994D55	RGB 153 77 85	#994D55
33.3%	33.3% #8D434A	RGB 141 67 74	#8D434A
50.0%	50.0% #813940	RGB 129 57 64	#813940
66.7%	66.7% #752F35	RGB 117 47 53	#752F35
83.3%	83.3% #69252A	RGB 105 37 42	#69252A
100.0%	100.0% #5E1C20	RGB 94 28 32	#5E1C20

#A55760 #994D55 #8D434A #813940 #752F35 #69252A #5E1C20

#A55760 - #5E1C20

HSV Blend

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

0.0%	0.0% #A55760	RGB 165 87 96	#A55760
16.7%	16.7% #994A53	RGB 153 74 83	#994A53
33.3%	33.3% #8D3F47	RGB 141 63 71	#8D3F47
50.0%	50.0% #81353C	RGB 129 53 60	#81353C
66.7%	66.7% #752C31	RGB 117 44 49	#752C31
83.3%	83.3% #692328	RGB 105 35 40	#692328
100.0%	100.0% #5E1C20	RGB 94 28 32	#5E1C20

#A55760 #994A53 #8D3F47 #81353C #752C31 #692328 #5E1C20

#A55760 - #81353C - #5E1C20

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A55760 0%, #81353C 50%, #5E1C20 100%);
    background: -webkit-linear-gradient(top, #A55760 0%, #81353C 50%, #5E1C20 100%);
    background: linear-gradient(to bottom, #A55760 0%, #81353C 50%, #5E1C20 100%);
}
</style>