#A8705D - #813418 | 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 #A8705D to #813418

#A8705D #813418

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

#A8705D - #813418 | 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 #A8705D as 0% and #813418 as 100%.

0.0%	0.0% #A8705D	RGB 168 112 93	#A8705D
16.7%	16.7% #A16651	RGB 161 102 81	#A16651
33.3%	33.3% #9B5C46	RGB 155 92 70	#9B5C46
50.0%	50.0% #94523A	RGB 148 82 58	#94523A
66.7%	66.7% #8E482F	RGB 142 72 47	#8E482F
83.3%	83.3% #873E23	RGB 135 62 35	#873E23
100.0%	100.0% #813418	RGB 129 52 24	#813418

#A8705D #A16651 #9B5C46 #94523A #8E482F #873E23 #813418

#A8705D - #813418

HSV Blend

#A8705D - #813418 | 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 #A8705D as 0% and #813418 as 100%.

0.0%	0.0% #A8705D	RGB 168 112 93	#A8705D
16.7%	16.7% #A1644F	RGB 161 100 79	#A1644F
33.3%	33.3% #9B5942	RGB 155 89 66	#9B5942
50.0%	50.0% #944F36	RGB 148 79 54	#944F36
66.7%	66.7% #8E452B	RGB 142 69 43	#8E452B
83.3%	83.3% #873C21	RGB 135 60 33	#873C21
100.0%	100.0% #813418	RGB 129 52 24	#813418

#A8705D #A1644F #9B5942 #944F36 #8E452B #873C21 #813418

#A8705D - #944F36 - #813418

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8705D 0%, #944F36 50%, #813418 100%);
    background: -webkit-linear-gradient(top, #A8705D 0%, #944F36 50%, #813418 100%);
    background: linear-gradient(to bottom, #A8705D 0%, #944F36 50%, #813418 100%);
}
</style>