#A86532 - #301C0E | 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 #A86532 to #301C0E

#A86532 #301C0E

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

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

0.0%	0.0% #A86532	RGB 168 101 50	#A86532
16.7%	16.7% #94582C	RGB 148 88 44	#94582C
33.3%	33.3% #804C26	RGB 128 76 38	#804C26
50.0%	50.0% #6C4020	RGB 108 64 32	#6C4020
66.7%	66.7% #58341A	RGB 88 52 26	#58341A
83.3%	83.3% #442814	RGB 68 40 20	#442814
100.0%	100.0% #301C0E	RGB 48 28 14	#301C0E

#A86532 #94582C #804C26 #6C4020 #58341A #442814 #301C0E

#A86532 - #301C0E

HSV Blend

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

0.0%	0.0% #A86532	RGB 168 101 50	#A86532
16.7%	16.7% #94582B	RGB 148 88 43	#94582B
33.3%	33.3% #804C25	RGB 128 76 37	#804C25
50.0%	50.0% #6C3F1F	RGB 108 63 31	#6C3F1F
66.7%	66.7% #583319	RGB 88 51 25	#583319
83.3%	83.3% #442713	RGB 68 39 19	#442713
100.0%	100.0% #301C0E	RGB 48 28 14	#301C0E

#A86532 #94582B #804C25 #6C3F1F #583319 #442713 #301C0E

#A86532 - #6C3F1F - #301C0E

CSS codes

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

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