#5E4C36 - #CF9258 | 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 #5E4C36 to #CF9258

#5E4C36 #CF9258

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

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

0.0%	0.0% #5E4C36	RGB 94 76 54	#5E4C36
16.7%	16.7% #70573B	RGB 112 87 59	#70573B
33.3%	33.3% #836341	RGB 131 99 65	#836341
50.0%	50.0% #966F47	RGB 150 111 71	#966F47
66.7%	66.7% #A97A4C	RGB 169 122 76	#A97A4C
83.3%	83.3% #BC8652	RGB 188 134 82	#BC8652
100.0%	100.0% #CF9258	RGB 207 146 88	#CF9258

#5E4C36 #70573B #836341 #966F47 #A97A4C #BC8652 #CF9258

#5E4C36 - #CF9258

HSV Blend

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

0.0%	0.0% #5E4C36	RGB 94 76 54	#5E4C36
16.7%	16.7% #70593E	RGB 112 89 62	#70593E
33.3%	33.3% #836645	RGB 131 102 69	#836645
50.0%	50.0% #96724B	RGB 150 114 75	#96724B
66.7%	66.7% #A97D50	RGB 169 125 80	#A97D50
83.3%	83.3% #BC8854	RGB 188 136 84	#BC8854
100.0%	100.0% #CF9258	RGB 207 146 88	#CF9258

#5E4C36 #70593E #836645 #96724B #A97D50 #BC8854 #CF9258

#5E4C36 - #96724B - #CF9258

CSS codes

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

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