#5E4A46 - #CF956F | 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 #5E4A46 to #CF956F

#5E4A46 #CF956F

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

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

0.0%	0.0% #5E4A46	RGB 94 74 70	#5E4A46
16.7%	16.7% #70564C	RGB 112 86 76	#70564C
33.3%	33.3% #836353	RGB 131 99 83	#836353
50.0%	50.0% #966F5A	RGB 150 111 90	#966F5A
66.7%	66.7% #A97C61	RGB 169 124 97	#A97C61
83.3%	83.3% #BC8868	RGB 188 136 104	#BC8868
100.0%	100.0% #CF956F	RGB 207 149 111	#CF956F

#5E4A46 #70564C #836353 #966F5A #A97C61 #BC8868 #CF956F

#5E4A46 - #CF956F

HSV Blend

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

0.0%	0.0% #5E4A46	RGB 94 74 70	#5E4A46
16.7%	16.7% #705650	RGB 112 86 80	#705650
33.3%	33.3% #836358	RGB 131 99 88	#836358
50.0%	50.0% #966F60	RGB 150 111 96	#966F60
66.7%	66.7% #A97B66	RGB 169 123 102	#A97B66
83.3%	83.3% #BC886B	RGB 188 136 107	#BC886B
100.0%	100.0% #CF956F	RGB 207 149 111	#CF956F

#5E4A46 #705650 #836358 #966F60 #A97B66 #BC886B #CF956F

#5E4A46 - #966F60 - #CF956F

CSS codes

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

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