#A96F5E - #823218 | 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 #A96F5E to #823218

#A96F5E #823218

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

#A96F5E - #823218 | 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 #A96F5E as 0% and #823218 as 100%.

0.0%	0.0% #A96F5E	RGB 169 111 94	#A96F5E
16.7%	16.7% #A26452	RGB 162 100 82	#A26452
33.3%	33.3% #9C5A46	RGB 156 90 70	#9C5A46
50.0%	50.0% #95503B	RGB 149 80 59	#95503B
66.7%	66.7% #8F462F	RGB 143 70 47	#8F462F
83.3%	83.3% #883C23	RGB 136 60 35	#883C23
100.0%	100.0% #823218	RGB 130 50 24	#823218

#A96F5E #A26452 #9C5A46 #95503B #8F462F #883C23 #823218

#A96F5E - #823218

HSV Blend

#A96F5E - #823218 | 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 #A96F5E as 0% and #823218 as 100%.

0.0%	0.0% #A96F5E	RGB 169 111 94	#A96F5E
16.7%	16.7% #A26350	RGB 162 99 80	#A26350
33.3%	33.3% #9C5843	RGB 156 88 67	#9C5843
50.0%	50.0% #954D37	RGB 149 77 55	#954D37
66.7%	66.7% #8F432C	RGB 143 67 44	#8F432C
83.3%	83.3% #883A21	RGB 136 58 33	#883A21
100.0%	100.0% #823218	RGB 130 50 24	#823218

#A96F5E #A26350 #9C5843 #954D37 #8F432C #883A21 #823218

#A96F5E - #954D37 - #823218

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A96F5E 0%, #954D37 50%, #823218 100%);
    background: -webkit-linear-gradient(top, #A96F5E 0%, #954D37 50%, #823218 100%);
    background: linear-gradient(to bottom, #A96F5E 0%, #954D37 50%, #823218 100%);
}
</style>