#5E2F2D - #C38D56 | 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 #C38D56

#5E2F2D #C38D56

Calculate the color between two colors, #5E2F2D and #C38D56. 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 - #C38D56 | 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 #C38D56 as 100%.

0.0%	0.0% #5E2F2D	RGB 94 47 45	#5E2F2D
16.7%	16.7% #6E3E33	RGB 110 62 51	#6E3E33
33.3%	33.3% #7F4E3A	RGB 127 78 58	#7F4E3A
50.0%	50.0% #905E41	RGB 144 94 65	#905E41
66.7%	66.7% #A16D48	RGB 161 109 72	#A16D48
83.3%	83.3% #B27D4F	RGB 178 125 79	#B27D4F
100.0%	100.0% #C38D56	RGB 195 141 86	#C38D56

#5E2F2D #6E3E33 #7F4E3A #905E41 #A16D48 #B27D4F #C38D56

#5E2F2D - #C38D56

HSV Blend

#5E2F2D - #C38D56 | 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 #C38D56 as 100%.

0.0%	0.0% #5E2F2D	RGB 94 47 45	#5E2F2D
16.7%	16.7% #6E3B34	RGB 110 59 52	#6E3B34
33.3%	33.3% #7F483B	RGB 127 72 59	#7F483B
50.0%	50.0% #905742	RGB 144 87 66	#905742
66.7%	66.7% #A16849	RGB 161 104 73	#A16849
83.3%	83.3% #B2794F	RGB 178 121 79	#B2794F
100.0%	100.0% #C38D56	RGB 195 141 86	#C38D56

#5E2F2D #6E3B34 #7F483B #905742 #A16849 #B2794F #C38D56

#5E2F2D - #905742 - #C38D56

CSS codes

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

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