#5E2122 - #BA5734 | 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 #5E2122 to #BA5734

#5E2122 #BA5734

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

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

0.0%	0.0% #5E2122	RGB 94 33 34	#5E2122
16.7%	16.7% #6D2A25	RGB 109 42 37	#6D2A25
33.3%	33.3% #7C3328	RGB 124 51 40	#7C3328
50.0%	50.0% #8C3C2B	RGB 140 60 43	#8C3C2B
66.7%	66.7% #9B452E	RGB 155 69 46	#9B452E
83.3%	83.3% #AA4E31	RGB 170 78 49	#AA4E31
100.0%	100.0% #BA5734	RGB 186 87 52	#BA5734

#5E2122 #6D2A25 #7C3328 #8C3C2B #9B452E #AA4E31 #BA5734

#5E2122 - #BA5734

HSV Blend

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

0.0%	0.0% #5E2121	RGB 94 33 33	#5E2121
16.7%	16.7% #6D2725	RGB 109 39 37	#6D2725
33.3%	33.3% #7C2F28	RGB 124 47 40	#7C2F28
50.0%	50.0% #8C372C	RGB 140 55 44	#8C372C
66.7%	66.7% #9B412F	RGB 155 65 47	#9B412F
83.3%	83.3% #AA4B31	RGB 170 75 49	#AA4B31
100.0%	100.0% #BA5734	RGB 186 87 52	#BA5734

#5E2121 #6D2725 #7C2F28 #8C372C #9B412F #AA4B31 #BA5734

#5E2122 - #8C372C - #BA5734

CSS codes

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

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