#AF5E50 - #822612 | 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 #AF5E50 to #822612

#AF5E50 #822612

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

#AF5E50 - #822612 | 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 #AF5E50 as 0% and #822612 as 100%.

0.0%	0.0% #AF5E50	RGB 175 94 80	#AF5E50
16.7%	16.7% #A75445	RGB 167 84 69	#A75445
33.3%	33.3% #A04B3B	RGB 160 75 59	#A04B3B
50.0%	50.0% #984231	RGB 152 66 49	#984231
66.7%	66.7% #913826	RGB 145 56 38	#913826
83.3%	83.3% #892F1C	RGB 137 47 28	#892F1C
100.0%	100.0% #822612	RGB 130 38 18	#822612

#AF5E50 #A75445 #A04B3B #984231 #913826 #892F1C #822612

#AF5E50 - #822612

HSV Blend

#AF5E50 - #822612 | 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 #AF5E50 as 0% and #822612 as 100%.

0.0%	0.0% #AF5E50	RGB 175 94 80	#AF5E50
16.7%	16.7% #A75243	RGB 167 82 67	#A75243
33.3%	33.3% #A04838	RGB 160 72 56	#A04838
50.0%	50.0% #983E2D	RGB 152 62 45	#983E2D
66.7%	66.7% #913523	RGB 145 53 35	#913523
83.3%	83.3% #892D1A	RGB 137 45 26	#892D1A
100.0%	100.0% #822612	RGB 130 38 18	#822612

#AF5E50 #A75243 #A04838 #983E2D #913523 #892D1A #822612

#AF5E50 - #983E2D - #822612

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF5E50 0%, #983E2D 50%, #822612 100%);
    background: -webkit-linear-gradient(top, #AF5E50 0%, #983E2D 50%, #822612 100%);
    background: linear-gradient(to bottom, #AF5E50 0%, #983E2D 50%, #822612 100%);
}
</style>