#531717 - #A44D37 | 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 #531717 to #A44D37

#531717 #A44D37

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

#531717 - #A44D37 | 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 #531717 as 0% and #A44D37 as 100%.

0.0%	0.0% #531717	RGB 83 23 23	#531717
16.7%	16.7% #60201C	RGB 96 32 28	#60201C
33.3%	33.3% #6E2921	RGB 110 41 33	#6E2921
50.0%	50.0% #7B3227	RGB 123 50 39	#7B3227
66.7%	66.7% #893B2C	RGB 137 59 44	#893B2C
83.3%	83.3% #964431	RGB 150 68 49	#964431
100.0%	100.0% #A44D37	RGB 164 77 55	#A44D37

#531717 #60201C #6E2921 #7B3227 #893B2C #964431 #A44D37

#531717 - #A44D37

HSV Blend

#531717 - #A44D37 | 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 #531717 as 0% and #A44D37 as 100%.

0.0%	0.0% #531717	RGB 83 23 23	#531717
16.7%	16.7% #601D1B	RGB 96 29 27	#601D1B
33.3%	33.3% #6E2520	RGB 110 37 32	#6E2520
50.0%	50.0% #7B2E25	RGB 123 46 37	#7B2E25
66.7%	66.7% #89372B	RGB 137 55 43	#89372B
83.3%	83.3% #964231	RGB 150 66 49	#964231
100.0%	100.0% #A44D37	RGB 164 77 55	#A44D37

#531717 #601D1B #6E2520 #7B2E25 #89372B #964231 #A44D37

#531717 - #7B2E25 - #A44D37

CSS codes

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

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