#5E4A42 - #CF9369 | 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 #5E4A42 to #CF9369

#5E4A42 #CF9369

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

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

0.0%	0.0% #5E4A42	RGB 94 74 66	#5E4A42
16.7%	16.7% #705648	RGB 112 86 72	#705648
33.3%	33.3% #83624F	RGB 131 98 79	#83624F
50.0%	50.0% #966E55	RGB 150 110 85	#966E55
66.7%	66.7% #A97A5C	RGB 169 122 92	#A97A5C
83.3%	83.3% #BC8662	RGB 188 134 98	#BC8662
100.0%	100.0% #CF9369	RGB 207 147 105	#CF9369

#5E4A42 #705648 #83624F #966E55 #A97A5C #BC8662 #CF9369

#5E4A42 - #CF9369

HSV Blend

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

0.0%	0.0% #5E4A42	RGB 94 74 66	#5E4A42
16.7%	16.7% #70564B	RGB 112 86 75	#70564B
33.3%	33.3% #836353	RGB 131 99 83	#836353
50.0%	50.0% #966F5B	RGB 150 111 91	#966F5B
66.7%	66.7% #A97B60	RGB 169 123 96	#A97B60
83.3%	83.3% #BC8765	RGB 188 135 101	#BC8765
100.0%	100.0% #CF9369	RGB 207 147 105	#CF9369

#5E4A42 #70564B #836353 #966F5B #A97B60 #BC8765 #CF9369

#5E4A42 - #966F5B - #CF9369

CSS codes

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

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