#5E4947 - #CF9471 | 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 #5E4947 to #CF9471

#5E4947 #CF9471

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

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

0.0%	0.0% #5E4947	RGB 94 73 71	#5E4947
16.7%	16.7% #70554E	RGB 112 85 78	#70554E
33.3%	33.3% #836255	RGB 131 98 85	#836255
50.0%	50.0% #966E5C	RGB 150 110 92	#966E5C
66.7%	66.7% #A97B63	RGB 169 123 99	#A97B63
83.3%	83.3% #BC876A	RGB 188 135 106	#BC876A
100.0%	100.0% #CF9471	RGB 207 148 113	#CF9471

#5E4947 #70554E #836255 #966E5C #A97B63 #BC876A #CF9471

#5E4947 - #CF9471

HSV Blend

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

0.0%	0.0% #5E4947	RGB 94 73 71	#5E4947
16.7%	16.7% #705551	RGB 112 85 81	#705551
33.3%	33.3% #83615A	RGB 131 97 90	#83615A
50.0%	50.0% #966D61	RGB 150 109 97	#966D61
66.7%	66.7% #A97A68	RGB 169 122 104	#A97A68
83.3%	83.3% #BC866D	RGB 188 134 109	#BC866D
100.0%	100.0% #CF9471	RGB 207 148 113	#CF9471

#5E4947 #705551 #83615A #966D61 #A97A68 #BC866D #CF9471

#5E4947 - #966D61 - #CF9471

CSS codes

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

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