#6B5A3C - #DFA05B | 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 #6B5A3C to #DFA05B

#6B5A3C #DFA05B

Calculate the color between two colors, #6B5A3C and #DFA05B. 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)

#6B5A3C - #DFA05B | 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 #6B5A3C as 0% and #DFA05B as 100%.

0.0%	0.0% #6B5A3C	RGB 107 90 60	#6B5A3C
16.7%	16.7% #7E6541	RGB 126 101 65	#7E6541
33.3%	33.3% #917146	RGB 145 113 70	#917146
50.0%	50.0% #A57D4B	RGB 165 125 75	#A57D4B
66.7%	66.7% #B88850	RGB 184 136 80	#B88850
83.3%	83.3% #CB9455	RGB 203 148 85	#CB9455
100.0%	100.0% #DFA05B	RGB 223 160 91	#DFA05B

#6B5A3C #7E6541 #917146 #A57D4B #B88850 #CB9455 #DFA05B

#6B5A3C - #DFA05B

HSV Blend

#6B5A3C - #DFA05B | 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 #6B5A3C as 0% and #DFA05B as 100%.

0.0%	0.0% #6B5A3C	RGB 107 90 60	#6B5A3C
16.7%	16.7% #7E6743	RGB 126 103 67	#7E6743
33.3%	33.3% #91754A	RGB 145 117 74	#91754A
50.0%	50.0% #A5814F	RGB 165 129 79	#A5814F
66.7%	66.7% #B88C54	RGB 184 140 84	#B88C54
83.3%	83.3% #CB9658	RGB 203 150 88	#CB9658
100.0%	100.0% #DFA05B	RGB 223 160 91	#DFA05B

#6B5A3C #7E6743 #91754A #A5814F #B88C54 #CB9658 #DFA05B

#6B5A3C - #A5814F - #DFA05B

CSS codes

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

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