#5E3136 - #2B110C | 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 #5E3136 to #2B110C

#5E3136 #2B110C

Calculate the color between two colors, #5E3136 and #2B110C. 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)

#5E3136 - #2B110C | 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 #5E3136 as 0% and #2B110C as 100%.

0.0%	0.0% #5E3136	RGB 94 49 54	#5E3136
16.7%	16.7% #552B2F	RGB 85 43 47	#552B2F
33.3%	33.3% #4D2628	RGB 77 38 40	#4D2628
50.0%	50.0% #442121	RGB 68 33 33	#442121
66.7%	66.7% #3C1B1A	RGB 60 27 26	#3C1B1A
83.3%	83.3% #331613	RGB 51 22 19	#331613
100.0%	100.0% #2B110C	RGB 43 17 12	#2B110C

#5E3136 #552B2F #4D2628 #442121 #3C1B1A #331613 #2B110C

#5E3136 - #2B110C

HSV Blend

#5E3136 - #2B110C | 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 #5E3136 as 0% and #2B110C as 100%.

0.0%	0.0% #5E3136	RGB 94 49 54	#5E3136
16.7%	16.7% #55292C	RGB 85 41 44	#55292C
33.3%	33.3% #4D2122	RGB 77 33 34	#4D2122
50.0%	50.0% #441C1B	RGB 68 28 27	#441C1B
66.7%	66.7% #3C1815	RGB 60 24 21	#3C1815
83.3%	83.3% #331410	RGB 51 20 16	#331410
100.0%	100.0% #2B110C	RGB 43 17 12	#2B110C

#5E3136 #55292C #4D2122 #441C1B #3C1815 #331410 #2B110C

#5E3136 - #441C1B - #2B110C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3136 0%, #441C1B 50%, #2B110C 100%);
    background: -webkit-linear-gradient(top, #5E3136 0%, #441C1B 50%, #2B110C 100%);
    background: linear-gradient(to bottom, #5E3136 0%, #441C1B 50%, #2B110C 100%);
}
</style>