#5E4B46 - #CF956E | 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 #5E4B46 to #CF956E

#5E4B46 #CF956E

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

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

0.0%	0.0% #5E4B46	RGB 94 75 70	#5E4B46
16.7%	16.7% #70574C	RGB 112 87 76	#70574C
33.3%	33.3% #836353	RGB 131 99 83	#836353
50.0%	50.0% #96705A	RGB 150 112 90	#96705A
66.7%	66.7% #A97C60	RGB 169 124 96	#A97C60
83.3%	83.3% #BC8867	RGB 188 136 103	#BC8867
100.0%	100.0% #CF956E	RGB 207 149 110	#CF956E

#5E4B46 #70574C #836353 #96705A #A97C60 #BC8867 #CF956E

#5E4B46 - #CF956E

HSV Blend

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

0.0%	0.0% #5E4B46	RGB 94 75 70	#5E4B46
16.7%	16.7% #705750	RGB 112 87 80	#705750
33.3%	33.3% #836458	RGB 131 100 88	#836458
50.0%	50.0% #967060	RGB 150 112 96	#967060
66.7%	66.7% #A97C66	RGB 169 124 102	#A97C66
83.3%	83.3% #BC886A	RGB 188 136 106	#BC886A
100.0%	100.0% #CF956E	RGB 207 149 110	#CF956E

#5E4B46 #705750 #836458 #967060 #A97C66 #BC886A #CF956E

#5E4B46 - #967060 - #CF956E

CSS codes

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

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