#5E2B2C - #C3A070 | 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 #5E2B2C to #C3A070

#5E2B2C #C3A070

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

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

0.0%	0.0% #5E2B2C	RGB 94 43 44	#5E2B2C
16.7%	16.7% #6E3E37	RGB 110 62 55	#6E3E37
33.3%	33.3% #7F5242	RGB 127 82 66	#7F5242
50.0%	50.0% #90654E	RGB 144 101 78	#90654E
66.7%	66.7% #A17959	RGB 161 121 89	#A17959
83.3%	83.3% #B28C64	RGB 178 140 100	#B28C64
100.0%	100.0% #C3A070	RGB 195 160 112	#C3A070

#5E2B2C #6E3E37 #7F5242 #90654E #A17959 #B28C64 #C3A070

#5E2B2C - #C3A070

HSV Blend

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

0.0%	0.0% #5E2B2B	RGB 94 43 43	#5E2B2B
16.7%	16.7% #6E3934	RGB 110 57 52	#6E3934
33.3%	33.3% #7F4A3F	RGB 127 74 63	#7F4A3F
50.0%	50.0% #905E4A	RGB 144 94 74	#905E4A
66.7%	66.7% #A17256	RGB 161 114 86	#A17256
83.3%	83.3% #B28862	RGB 178 136 98	#B28862
100.0%	100.0% #C3A070	RGB 195 160 112	#C3A070

#5E2B2B #6E3934 #7F4A3F #905E4A #A17256 #B28862 #C3A070

#5E2B2C - #905E4A - #C3A070

CSS codes

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

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