#5E3C19 - #3C1D06 | 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 #5E3C19 to #3C1D06

#5E3C19 #3C1D06

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

#5E3C19 - #3C1D06 | 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 #5E3C19 as 0% and #3C1D06 as 100%.

0.0%	0.0% #5E3C19	RGB 94 60 25	#5E3C19
16.7%	16.7% #583615	RGB 88 54 21	#583615
33.3%	33.3% #523112	RGB 82 49 18	#523112
50.0%	50.0% #4D2C0F	RGB 77 44 15	#4D2C0F
66.7%	66.7% #47270C	RGB 71 39 12	#47270C
83.3%	83.3% #412209	RGB 65 34 9	#412209
100.0%	100.0% #3C1D06	RGB 60 29 6	#3C1D06

#5E3C19 #583615 #523112 #4D2C0F #47270C #412209 #3C1D06

#5E3C19 - #3C1D06

HSV Blend

#5E3C19 - #3C1D06 | 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 #5E3C19 as 0% and #3C1D06 as 100%.

0.0%	0.0% #5E3C19	RGB 94 60 25	#5E3C19
16.7%	16.7% #583615	RGB 88 54 21	#583615
33.3%	33.3% #523011	RGB 82 48 17	#523011
50.0%	50.0% #4D2B0E	RGB 77 43 14	#4D2B0E
66.7%	66.7% #47260B	RGB 71 38 11	#47260B
83.3%	83.3% #412108	RGB 65 33 8	#412108
100.0%	100.0% #3C1D06	RGB 60 29 6	#3C1D06

#5E3C19 #583615 #523011 #4D2B0E #47260B #412108 #3C1D06

#5E3C19 - #4D2B0E - #3C1D06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C19 0%, #4D2B0E 50%, #3C1D06 100%);
    background: -webkit-linear-gradient(top, #5E3C19 0%, #4D2B0E 50%, #3C1D06 100%);
    background: linear-gradient(to bottom, #5E3C19 0%, #4D2B0E 50%, #3C1D06 100%);
}
</style>