#5E4A45 - #CF946D | 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 #5E4A45 to #CF946D

#5E4A45 #CF946D

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

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

0.0%	0.0% #5E4A45	RGB 94 74 69	#5E4A45
16.7%	16.7% #70564B	RGB 112 86 75	#70564B
33.3%	33.3% #836252	RGB 131 98 82	#836252
50.0%	50.0% #966F59	RGB 150 111 89	#966F59
66.7%	66.7% #A97B5F	RGB 169 123 95	#A97B5F
83.3%	83.3% #BC8766	RGB 188 135 102	#BC8766
100.0%	100.0% #CF946D	RGB 207 148 109	#CF946D

#5E4A45 #70564B #836252 #966F59 #A97B5F #BC8766 #CF946D

#5E4A45 - #CF946D

HSV Blend

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

0.0%	0.0% #5E4A45	RGB 94 74 69	#5E4A45
16.7%	16.7% #70564E	RGB 112 86 78	#70564E
33.3%	33.3% #836357	RGB 131 99 87	#836357
50.0%	50.0% #966F5E	RGB 150 111 94	#966F5E
66.7%	66.7% #A97B64	RGB 169 123 100	#A97B64
83.3%	83.3% #BC8769	RGB 188 135 105	#BC8769
100.0%	100.0% #CF946D	RGB 207 148 109	#CF946D

#5E4A45 #70564E #836357 #966F5E #A97B64 #BC8769 #CF946D

#5E4A45 - #966F5E - #CF946D

CSS codes

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

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