#5E2F35 - #2B100C | 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 #5E2F35 to #2B100C

#5E2F35 #2B100C

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

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

0.0%	0.0% #5E2F35	RGB 94 47 53	#5E2F35
16.7%	16.7% #55292E	RGB 85 41 46	#55292E
33.3%	33.3% #4D2427	RGB 77 36 39	#4D2427
50.0%	50.0% #441F20	RGB 68 31 32	#441F20
66.7%	66.7% #3C1A19	RGB 60 26 25	#3C1A19
83.3%	83.3% #331512	RGB 51 21 18	#331512
100.0%	100.0% #2B100C	RGB 43 16 12	#2B100C

#5E2F35 #55292E #4D2427 #441F20 #3C1A19 #331512 #2B100C

#5E2F35 - #2B100C

HSV Blend

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

0.0%	0.0% #5E2F35	RGB 94 47 53	#5E2F35
16.7%	16.7% #55272B	RGB 85 39 43	#55272B
33.3%	33.3% #4D2022	RGB 77 32 34	#4D2022
50.0%	50.0% #441A1A	RGB 68 26 26	#441A1A
66.7%	66.7% #3C1615	RGB 60 22 21	#3C1615
83.3%	83.3% #331310	RGB 51 19 16	#331310
100.0%	100.0% #2B100C	RGB 43 16 12	#2B100C

#5E2F35 #55272B #4D2022 #441A1A #3C1615 #331310 #2B100C

#5E2F35 - #441A1A - #2B100C

CSS codes

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

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