#5E3E38 - #4B1B06 | 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 #5E3E38 to #4B1B06

#5E3E38 #4B1B06

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

#5E3E38 - #4B1B06 | 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 #5E3E38 as 0% and #4B1B06 as 100%.

0.0%	0.0% #5E3E38	RGB 94 62 56	#5E3E38
16.7%	16.7% #5A382F	RGB 90 56 47	#5A382F
33.3%	33.3% #573227	RGB 87 50 39	#573227
50.0%	50.0% #542C1F	RGB 84 44 31	#542C1F
66.7%	66.7% #512616	RGB 81 38 22	#512616
83.3%	83.3% #4E200E	RGB 78 32 14	#4E200E
100.0%	100.0% #4B1B06	RGB 75 27 6	#4B1B06

#5E3E38 #5A382F #573227 #542C1F #512616 #4E200E #4B1B06

#5E3E38 - #4B1B06

HSV Blend

#5E3E38 - #4B1B06 | 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 #5E3E38 as 0% and #4B1B06 as 100%.

0.0%	0.0% #5E3E38	RGB 94 62 56	#5E3E38
16.7%	16.7% #5A362E	RGB 90 54 46	#5A362E
33.3%	33.3% #572F25	RGB 87 47 37	#572F25
50.0%	50.0% #54291C	RGB 84 41 28	#54291C
66.7%	66.7% #512414	RGB 81 36 20	#512414
83.3%	83.3% #4E1F0C	RGB 78 31 12	#4E1F0C
100.0%	100.0% #4B1B06	RGB 75 27 6	#4B1B06

#5E3E38 #5A362E #572F25 #54291C #512414 #4E1F0C #4B1B06

#5E3E38 - #54291C - #4B1B06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E38 0%, #54291C 50%, #4B1B06 100%);
    background: -webkit-linear-gradient(top, #5E3E38 0%, #54291C 50%, #4B1B06 100%);
    background: linear-gradient(to bottom, #5E3E38 0%, #54291C 50%, #4B1B06 100%);
}
</style>