#9C522B - #5E3006 | 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 #9C522B to #5E3006

#9C522B #5E3006

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

#9C522B - #5E3006 | 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 #9C522B as 0% and #5E3006 as 100%.

0.0%	0.0% #9C522B	RGB 156 82 43	#9C522B
16.7%	16.7% #914C24	RGB 145 76 36	#914C24
33.3%	33.3% #87461E	RGB 135 70 30	#87461E
50.0%	50.0% #7D4118	RGB 125 65 24	#7D4118
66.7%	66.7% #723B12	RGB 114 59 18	#723B12
83.3%	83.3% #68350C	RGB 104 53 12	#68350C
100.0%	100.0% #5E3006	RGB 94 48 6	#5E3006

#9C522B #914C24 #87461E #7D4118 #723B12 #68350C #5E3006

#9C522B - #5E3006

HSV Blend

#9C522B - #5E3006 | 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 #9C522B as 0% and #5E3006 as 100%.

0.0%	0.0% #9C522B	RGB 156 82 43	#9C522B
16.7%	16.7% #914B23	RGB 145 75 35	#914B23
33.3%	33.3% #87451B	RGB 135 69 27	#87451B
50.0%	50.0% #7D3F15	RGB 125 63 21	#7D3F15
66.7%	66.7% #723A0F	RGB 114 58 15	#723A0F
83.3%	83.3% #68350A	RGB 104 53 10	#68350A
100.0%	100.0% #5E3006	RGB 94 48 6	#5E3006

#9C522B #914B23 #87451B #7D3F15 #723A0F #68350A #5E3006

#9C522B - #7D3F15 - #5E3006

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C522B 0%, #7D3F15 50%, #5E3006 100%);
    background: -webkit-linear-gradient(top, #9C522B 0%, #7D3F15 50%, #5E3006 100%);
    background: linear-gradient(to bottom, #9C522B 0%, #7D3F15 50%, #5E3006 100%);
}
</style>