#C59B5E - #9D5B1B | 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 #C59B5E to #9D5B1B

#C59B5E #9D5B1B

Calculate the color between two colors, #C59B5E and #9D5B1B. 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)

#C59B5E - #9D5B1B | 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 #C59B5E as 0% and #9D5B1B as 100%.

0.0%	0.0% #C59B5E	RGB 197 155 94	#C59B5E
16.7%	16.7% #BE9052	RGB 190 144 82	#BE9052
33.3%	33.3% #B78547	RGB 183 133 71	#B78547
50.0%	50.0% #B17B3C	RGB 177 123 60	#B17B3C
66.7%	66.7% #AA7031	RGB 170 112 49	#AA7031
83.3%	83.3% #A36526	RGB 163 101 38	#A36526
100.0%	100.0% #9D5B1B	RGB 157 91 27	#9D5B1B

#C59B5E #BE9052 #B78547 #B17B3C #AA7031 #A36526 #9D5B1B

#C59B5E - #9D5B1B

HSV Blend

#C59B5E - #9D5B1B | 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 #C59B5E as 0% and #9D5B1B as 100%.

0.0%	0.0% #C59B5E	RGB 197 155 94	#C59B5E
16.7%	16.7% #BE8F51	RGB 190 143 81	#BE8F51
33.3%	33.3% #B78544	RGB 183 133 68	#B78544
50.0%	50.0% #B17A39	RGB 177 122 57	#B17A39
66.7%	66.7% #AA6F2E	RGB 170 111 46	#AA6F2E
83.3%	83.3% #A36524	RGB 163 101 36	#A36524
100.0%	100.0% #9D5B1B	RGB 157 91 27	#9D5B1B

#C59B5E #BE8F51 #B78544 #B17A39 #AA6F2E #A36524 #9D5B1B

#C59B5E - #B17A39 - #9D5B1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C59B5E 0%, #B17A39 50%, #9D5B1B 100%);
    background: -webkit-linear-gradient(top, #C59B5E 0%, #B17A39 50%, #9D5B1B 100%);
    background: linear-gradient(to bottom, #C59B5E 0%, #B17A39 50%, #9D5B1B 100%);
}
</style>