#A55757 - #7C2014 | 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 #A55757 to #7C2014

#A55757 #7C2014

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

#A55757 - #7C2014 | 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 #A55757 as 0% and #7C2014 as 100%.

0.0%	0.0% #A55757	RGB 165 87 87	#A55757
16.7%	16.7% #9E4D4B	RGB 158 77 75	#9E4D4B
33.3%	33.3% #974440	RGB 151 68 64	#974440
50.0%	50.0% #903B35	RGB 144 59 53	#903B35
66.7%	66.7% #89322A	RGB 137 50 42	#89322A
83.3%	83.3% #82291F	RGB 130 41 31	#82291F
100.0%	100.0% #7C2014	RGB 124 32 20	#7C2014

#A55757 #9E4D4B #974440 #903B35 #89322A #82291F #7C2014

#A55757 - #7C2014

HSV Blend

#A55757 - #7C2014 | 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 #A55757 as 0% and #7C2014 as 100%.

0.0%	0.0% #A55757	RGB 165 87 87	#A55757
16.7%	16.7% #9E4B49	RGB 158 75 73	#9E4B49
33.3%	33.3% #97403D	RGB 151 64 61	#97403D
50.0%	50.0% #903731	RGB 144 55 49	#903731
66.7%	66.7% #892E26	RGB 137 46 38	#892E26
83.3%	83.3% #82261D	RGB 130 38 29	#82261D
100.0%	100.0% #7C2014	RGB 124 32 20	#7C2014

#A55757 #9E4B49 #97403D #903731 #892E26 #82261D #7C2014

#A55757 - #903731 - #7C2014

CSS codes

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

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