#A36D5E - #7E3118 | 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 #A36D5E to #7E3118

#A36D5E #7E3118

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

#A36D5E - #7E3118 | 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 #A36D5E as 0% and #7E3118 as 100%.

0.0%	0.0% #A36D5E	RGB 163 109 94	#A36D5E
16.7%	16.7% #9C6352	RGB 156 99 82	#9C6352
33.3%	33.3% #965946	RGB 150 89 70	#965946
50.0%	50.0% #904F3B	RGB 144 79 59	#904F3B
66.7%	66.7% #8A452F	RGB 138 69 47	#8A452F
83.3%	83.3% #843B23	RGB 132 59 35	#843B23
100.0%	100.0% #7E3118	RGB 126 49 24	#7E3118

#A36D5E #9C6352 #965946 #904F3B #8A452F #843B23 #7E3118

#A36D5E - #7E3118

HSV Blend

#A36D5E - #7E3118 | 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 #A36D5E as 0% and #7E3118 as 100%.

0.0%	0.0% #A36D5E	RGB 163 109 94	#A36D5E
16.7%	16.7% #9C6150	RGB 156 97 80	#9C6150
33.3%	33.3% #965643	RGB 150 86 67	#965643
50.0%	50.0% #904C37	RGB 144 76 55	#904C37
66.7%	66.7% #8A422C	RGB 138 66 44	#8A422C
83.3%	83.3% #843921	RGB 132 57 33	#843921
100.0%	100.0% #7E3118	RGB 126 49 24	#7E3118

#A36D5E #9C6150 #965643 #904C37 #8A422C #843921 #7E3118

#A36D5E - #904C37 - #7E3118

CSS codes

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

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