#5E2C0C - #BA6523 | 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 #5E2C0C to #BA6523

#5E2C0C #BA6523

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

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

0.0%	0.0% #5E2C0C	RGB 94 44 12	#5E2C0C
16.7%	16.7% #6D350F	RGB 109 53 15	#6D350F
33.3%	33.3% #7C3F13	RGB 124 63 19	#7C3F13
50.0%	50.0% #8C4817	RGB 140 72 23	#8C4817
66.7%	66.7% #9B521B	RGB 155 82 27	#9B521B
83.3%	83.3% #AA5B1F	RGB 170 91 31	#AA5B1F
100.0%	100.0% #BA6523	RGB 186 101 35	#BA6523

#5E2C0C #6D350F #7C3F13 #8C4817 #9B521B #AA5B1F #BA6523

#5E2C0C - #BA6523

HSV Blend

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

0.0%	0.0% #5E2B0B	RGB 94 43 11	#5E2B0B
16.7%	16.7% #6D340F	RGB 109 52 15	#6D340F
33.3%	33.3% #7C3D12	RGB 124 61 18	#7C3D12
50.0%	50.0% #8C4616	RGB 140 70 22	#8C4616
66.7%	66.7% #9B501A	RGB 155 80 26	#9B501A
83.3%	83.3% #AA5A1E	RGB 170 90 30	#AA5A1E
100.0%	100.0% #BA6523	RGB 186 101 35	#BA6523

#5E2B0B #6D340F #7C3D12 #8C4616 #9B501A #AA5A1E #BA6523

#5E2C0C - #8C4616 - #BA6523

CSS codes

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

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