#5E3447 - #C8796A | 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 #5E3447 to #C8796A

#5E3447 #C8796A

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

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

0.0%	0.0% #5E3447	RGB 94 52 71	#5E3447
16.7%	16.7% #6F3F4C	RGB 111 63 76	#6F3F4C
33.3%	33.3% #814B52	RGB 129 75 82	#814B52
50.0%	50.0% #935658	RGB 147 86 88	#935658
66.7%	66.7% #A4625E	RGB 164 98 94	#A4625E
83.3%	83.3% #B66D64	RGB 182 109 100	#B66D64
100.0%	100.0% #C8796A	RGB 200 121 106	#C8796A

#5E3447 #6F3F4C #814B52 #935658 #A4625E #B66D64 #C8796A

#5E3447 - #C8796A

HSV Blend

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

0.0%	0.0% #5E3447	RGB 94 52 71	#5E3447
16.7%	16.7% #6F3D4E	RGB 111 61 78	#6F3D4E
33.3%	33.3% #814655	RGB 129 70 85	#814655
50.0%	50.0% #934F59	RGB 147 79 89	#934F59
66.7%	66.7% #A4585B	RGB 164 88 91	#A4585B
83.3%	83.3% #B66661	RGB 182 102 97	#B66661
100.0%	100.0% #C8796A	RGB 200 121 106	#C8796A

#5E3447 #6F3D4E #814655 #934F59 #A4585B #B66661 #C8796A

#5E3447 - #934F59 - #C8796A

CSS codes

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

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