#A45E5E - #7F2417 | 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 #A45E5E to #7F2417

#A45E5E #7F2417

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

#A45E5E - #7F2417 | 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 #A45E5E as 0% and #7F2417 as 100%.

0.0%	0.0% #A45E5E	RGB 164 94 94	#A45E5E
16.7%	16.7% #9D5452	RGB 157 84 82	#9D5452
33.3%	33.3% #974A46	RGB 151 74 70	#974A46
50.0%	50.0% #91413A	RGB 145 65 58	#91413A
66.7%	66.7% #8B372E	RGB 139 55 46	#8B372E
83.3%	83.3% #852D22	RGB 133 45 34	#852D22
100.0%	100.0% #7F2417	RGB 127 36 23	#7F2417

#A45E5E #9D5452 #974A46 #91413A #8B372E #852D22 #7F2417

#A45E5E - #7F2417

HSV Blend

#A45E5E - #7F2417 | 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 #A45E5E as 0% and #7F2417 as 100%.

0.0%	0.0% #A45E5E	RGB 164 94 94	#A45E5E
16.7%	16.7% #9D5150	RGB 157 81 80	#9D5150
33.3%	33.3% #974643	RGB 151 70 67	#974643
50.0%	50.0% #913C36	RGB 145 60 54	#913C36
66.7%	66.7% #8B332B	RGB 139 51 43	#8B332B
83.3%	83.3% #852B20	RGB 133 43 32	#852B20
100.0%	100.0% #7F2417	RGB 127 36 23	#7F2417

#A45E5E #9D5150 #974643 #913C36 #8B332B #852B20 #7F2417

#A45E5E - #913C36 - #7F2417

CSS codes

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

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