#5E2F2D - #471404 | 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 #5E2F2D to #471404

#5E2F2D #471404

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

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

0.0%	0.0% #5E2F2D	RGB 94 47 45	#5E2F2D
16.7%	16.7% #5A2A26	RGB 90 42 38	#5A2A26
33.3%	33.3% #56261F	RGB 86 38 31	#56261F
50.0%	50.0% #522118	RGB 82 33 24	#522118
66.7%	66.7% #4E1D11	RGB 78 29 17	#4E1D11
83.3%	83.3% #4A180A	RGB 74 24 10	#4A180A
100.0%	100.0% #471404	RGB 71 20 4	#471404

#5E2F2D #5A2A26 #56261F #522118 #4E1D11 #4A180A #471404

#5E2F2D - #471404

HSV Blend

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

0.0%	0.0% #5E2F2D	RGB 94 47 45	#5E2F2D
16.7%	16.7% #5A2824	RGB 90 40 36	#5A2824
33.3%	33.3% #56231D	RGB 86 35 29	#56231D
50.0%	50.0% #521E16	RGB 82 30 22	#521E16
66.7%	66.7% #4E1A0F	RGB 78 26 15	#4E1A0F
83.3%	83.3% #4A1609	RGB 74 22 9	#4A1609
100.0%	100.0% #471404	RGB 71 20 4	#471404

#5E2F2D #5A2824 #56231D #521E16 #4E1A0F #4A1609 #471404

#5E2F2D - #521E16 - #471404

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2F2D 0%, #521E16 50%, #471404 100%);
    background: -webkit-linear-gradient(top, #5E2F2D 0%, #521E16 50%, #471404 100%);
    background: linear-gradient(to bottom, #5E2F2D 0%, #521E16 50%, #471404 100%);
}
</style>