#5E3100 - #A57C0B | 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 #5E3100 to #A57C0B

#5E3100 #A57C0B

Calculate the color between two colors, #5E3100 and #A57C0B. 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)

#5E3100 - #A57C0B | 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 #5E3100 as 0% and #A57C0B as 100%.

0.0%	0.0% #5E3100	RGB 94 49 0	#5E3100
16.7%	16.7% #693D01	RGB 105 61 1	#693D01
33.3%	33.3% #754A03	RGB 117 74 3	#754A03
50.0%	50.0% #815605	RGB 129 86 5	#815605
66.7%	66.7% #8D6307	RGB 141 99 7	#8D6307
83.3%	83.3% #996F09	RGB 153 111 9	#996F09
100.0%	100.0% #A57C0B	RGB 165 124 11	#A57C0B

#5E3100 #693D01 #754A03 #815605 #8D6307 #996F09 #A57C0B

#5E3100 - #A57C0B

HSV Blend

#5E3100 - #A57C0B | 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 #5E3100 as 0% and #A57C0B as 100%.

0.0%	0.0% #5E3100	RGB 94 49 0	#5E3100
16.7%	16.7% #693B01	RGB 105 59 1	#693B01
33.3%	33.3% #754602	RGB 117 70 2	#754602
50.0%	50.0% #815204	RGB 129 82 4	#815204
66.7%	66.7% #8D5F06	RGB 141 95 6	#8D5F06
83.3%	83.3% #996D08	RGB 153 109 8	#996D08
100.0%	100.0% #A57C0B	RGB 165 124 11	#A57C0B

#5E3100 #693B01 #754602 #815204 #8D5F06 #996D08 #A57C0B

#5E3100 - #815204 - #A57C0B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3100 0%, #815204 50%, #A57C0B 100%);
    background: -webkit-linear-gradient(top, #5E3100 0%, #815204 50%, #A57C0B 100%);
    background: linear-gradient(to bottom, #5E3100 0%, #815204 50%, #A57C0B 100%);
}
</style>