#5E4547 - #CF766D | 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 #5E4547 to #CF766D

#5E4547 #CF766D

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

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

0.0%	0.0% #5E4547	RGB 94 69 71	#5E4547
16.7%	16.7% #704D4D	RGB 112 77 77	#704D4D
33.3%	33.3% #835553	RGB 131 85 83	#835553
50.0%	50.0% #965D5A	RGB 150 93 90	#965D5A
66.7%	66.7% #A96560	RGB 169 101 96	#A96560
83.3%	83.3% #BC6D66	RGB 188 109 102	#BC6D66
100.0%	100.0% #CF766D	RGB 207 118 109	#CF766D

#5E4547 #704D4D #835553 #965D5A #A96560 #BC6D66 #CF766D

#5E4547 - #CF766D

HSV Blend

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

0.0%	0.0% #5E4547	RGB 94 69 71	#5E4547
16.7%	16.7% #704E50	RGB 112 78 80	#704E50
33.3%	33.3% #835758	RGB 131 87 88	#835758
50.0%	50.0% #965F5E	RGB 150 95 94	#965F5E
66.7%	66.7% #A96764	RGB 169 103 100	#A96764
83.3%	83.3% #BC6E69	RGB 188 110 105	#BC6E69
100.0%	100.0% #CF766D	RGB 207 118 109	#CF766D

#5E4547 #704E50 #835758 #965F5E #A96764 #BC6E69 #CF766D

#5E4547 - #965F5E - #CF766D

CSS codes

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

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