#5E3E40 - #49060D | 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 #5E3E40 to #49060D

#5E3E40 #49060D

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

#5E3E40 - #49060D | 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 #5E3E40 as 0% and #49060D as 100%.

0.0%	0.0% #5E3E40	RGB 94 62 64	#5E3E40
16.7%	16.7% #5A3437	RGB 90 52 55	#5A3437
33.3%	33.3% #572B2F	RGB 87 43 47	#572B2F
50.0%	50.0% #532226	RGB 83 34 38	#532226
66.7%	66.7% #50181E	RGB 80 24 30	#50181E
83.3%	83.3% #4C0F15	RGB 76 15 21	#4C0F15
100.0%	100.0% #49060D	RGB 73 6 13	#49060D

#5E3E40 #5A3437 #572B2F #532226 #50181E #4C0F15 #49060D

#5E3E40 - #49060D

HSV Blend

#5E3E40 - #49060D | 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 #5E3E40 as 0% and #49060D as 100%.

0.0%	0.0% #5E3E40	RGB 94 62 64	#5E3E40
16.7%	16.7% #5A3235	RGB 90 50 53	#5A3235
33.3%	33.3% #57282C	RGB 87 40 44	#57282C
50.0%	50.0% #531E23	RGB 83 30 35	#531E23
66.7%	66.7% #50151B	RGB 80 21 27	#50151B
83.3%	83.3% #4C0D13	RGB 76 13 19	#4C0D13
100.0%	100.0% #49060D	RGB 73 6 13	#49060D

#5E3E40 #5A3235 #57282C #531E23 #50151B #4C0D13 #49060D

#5E3E40 - #531E23 - #49060D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E40 0%, #531E23 50%, #49060D 100%);
    background: -webkit-linear-gradient(top, #5E3E40 0%, #531E23 50%, #49060D 100%);
    background: linear-gradient(to bottom, #5E3E40 0%, #531E23 50%, #49060D 100%);
}
</style>