#5E4C3C - #CF9460 | 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 #5E4C3C to #CF9460

#5E4C3C #CF9460

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

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

0.0%	0.0% #5E4C3C	RGB 94 76 60	#5E4C3C
16.7%	16.7% #705842	RGB 112 88 66	#705842
33.3%	33.3% #836448	RGB 131 100 72	#836448
50.0%	50.0% #96704E	RGB 150 112 78	#96704E
66.7%	66.7% #A97C54	RGB 169 124 84	#A97C54
83.3%	83.3% #BC885A	RGB 188 136 90	#BC885A
100.0%	100.0% #CF9460	RGB 207 148 96	#CF9460

#5E4C3C #705842 #836448 #96704E #A97C54 #BC885A #CF9460

#5E4C3C - #CF9460

HSV Blend

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

0.0%	0.0% #5E4C3C	RGB 94 76 60	#5E4C3C
16.7%	16.7% #705944	RGB 112 89 68	#705944
33.3%	33.3% #83664C	RGB 131 102 76	#83664C
50.0%	50.0% #967252	RGB 150 114 82	#967252
66.7%	66.7% #A97E58	RGB 169 126 88	#A97E58
83.3%	83.3% #BC895C	RGB 188 137 92	#BC895C
100.0%	100.0% #CF9460	RGB 207 148 96	#CF9460

#5E4C3C #705944 #83664C #967252 #A97E58 #BC895C #CF9460

#5E4C3C - #967252 - #CF9460

CSS codes

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

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