#5E3842 - #C97C61 | 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 #5E3842 to #C97C61

#5E3842 #C97C61

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

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

0.0%	0.0% #5E3842	RGB 94 56 66	#5E3842
16.7%	16.7% #6F4347	RGB 111 67 71	#6F4347
33.3%	33.3% #814E4C	RGB 129 78 76	#814E4C
50.0%	50.0% #935A51	RGB 147 90 81	#935A51
66.7%	66.7% #A56556	RGB 165 101 86	#A56556
83.3%	83.3% #B7705B	RGB 183 112 91	#B7705B
100.0%	100.0% #C97C61	RGB 201 124 97	#C97C61

#5E3842 #6F4347 #814E4C #935A51 #A56556 #B7705B #C97C61

#5E3842 - #C97C61

HSV Blend

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

0.0%	0.0% #5E3842	RGB 94 56 66	#5E3842
16.7%	16.7% #6F4048	RGB 111 64 72	#6F4048
33.3%	33.3% #81484D	RGB 129 72 77	#81484D
50.0%	50.0% #934F4F	RGB 147 79 79	#934F4F
66.7%	66.7% #A55C56	RGB 165 92 86	#A55C56
83.3%	83.3% #B76B5B	RGB 183 107 91	#B76B5B
100.0%	100.0% #C97C61	RGB 201 124 97	#C97C61

#5E3842 #6F4048 #81484D #934F4F #A55C56 #B76B5B #C97C61

#5E3842 - #934F4F - #C97C61

CSS codes

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

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