#A86543 - #301C13 | 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 #A86543 to #301C13

#A86543 #301C13

Calculate the color between two colors, #A86543 and #301C13. 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)

#A86543 - #301C13 | 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 #A86543 as 0% and #301C13 as 100%.

0.0%	0.0% #A86543	RGB 168 101 67	#A86543
16.7%	16.7% #94583B	RGB 148 88 59	#94583B
33.3%	33.3% #804C33	RGB 128 76 51	#804C33
50.0%	50.0% #6C402B	RGB 108 64 43	#6C402B
66.7%	66.7% #583423	RGB 88 52 35	#583423
83.3%	83.3% #44281B	RGB 68 40 27	#44281B
100.0%	100.0% #301C13	RGB 48 28 19	#301C13

#A86543 #94583B #804C33 #6C402B #583423 #44281B #301C13

#A86543 - #301C13

HSV Blend

#A86543 - #301C13 | 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 #A86543 as 0% and #301C13 as 100%.

0.0%	0.0% #A86543	RGB 168 101 67	#A86543
16.7%	16.7% #94583A	RGB 148 88 58	#94583A
33.3%	33.3% #804C32	RGB 128 76 50	#804C32
50.0%	50.0% #6C3F2A	RGB 108 63 42	#6C3F2A
66.7%	66.7% #583322	RGB 88 51 34	#583322
83.3%	83.3% #44271A	RGB 68 39 26	#44271A
100.0%	100.0% #301C13	RGB 48 28 19	#301C13

#A86543 #94583A #804C32 #6C3F2A #583322 #44271A #301C13

#A86543 - #6C3F2A - #301C13

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A86543 0%, #6C3F2A 50%, #301C13 100%);
    background: -webkit-linear-gradient(top, #A86543 0%, #6C3F2A 50%, #301C13 100%);
    background: linear-gradient(to bottom, #A86543 0%, #6C3F2A 50%, #301C13 100%);
}
</style>