#5E2121 - #B65C42 | 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 #5E2121 to #B65C42

#5E2121 #B65C42

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

#5E2121 - #B65C42 | 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 #5E2121 as 0% and #B65C42 as 100%.

0.0%	0.0% #5E2121	RGB 94 33 33	#5E2121
16.7%	16.7% #6C2A26	RGB 108 42 38	#6C2A26
33.3%	33.3% #7B342C	RGB 123 52 44	#7B342C
50.0%	50.0% #8A3E31	RGB 138 62 49	#8A3E31
66.7%	66.7% #984837	RGB 152 72 55	#984837
83.3%	83.3% #A7523C	RGB 167 82 60	#A7523C
100.0%	100.0% #B65C42	RGB 182 92 66	#B65C42

#5E2121 #6C2A26 #7B342C #8A3E31 #984837 #A7523C #B65C42

#5E2121 - #B65C42

HSV Blend

#5E2121 - #B65C42 | 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 #5E2121 as 0% and #B65C42 as 100%.

0.0%	0.0% #5E2121	RGB 94 33 33	#5E2121
16.7%	16.7% #6C2826	RGB 108 40 38	#6C2826
33.3%	33.3% #7B312B	RGB 123 49 43	#7B312B
50.0%	50.0% #8A3B31	RGB 138 59 49	#8A3B31
66.7%	66.7% #984536	RGB 152 69 54	#984536
83.3%	83.3% #A7503C	RGB 167 80 60	#A7503C
100.0%	100.0% #B65C42	RGB 182 92 66	#B65C42

#5E2121 #6C2826 #7B312B #8A3B31 #984536 #A7503C #B65C42

#5E2121 - #8A3B31 - #B65C42

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2121 0%, #8A3B31 50%, #B65C42 100%);
    background: -webkit-linear-gradient(top, #5E2121 0%, #8A3B31 50%, #B65C42 100%);
    background: linear-gradient(to bottom, #5E2121 0%, #8A3B31 50%, #B65C42 100%);
}
</style>