#5E473E - #CD8F64 | 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 #5E473E to #CD8F64

#5E473E #CD8F64

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

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

0.0%	0.0% #5E473E	RGB 94 71 62	#5E473E
16.7%	16.7% #705344	RGB 112 83 68	#705344
33.3%	33.3% #835F4A	RGB 131 95 74	#835F4A
50.0%	50.0% #956B51	RGB 149 107 81	#956B51
66.7%	66.7% #A87757	RGB 168 119 87	#A87757
83.3%	83.3% #BA835D	RGB 186 131 93	#BA835D
100.0%	100.0% #CD8F64	RGB 205 143 100	#CD8F64

#5E473E #705344 #835F4A #956B51 #A87757 #BA835D #CD8F64

#5E473E - #CD8F64

HSV Blend

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

0.0%	0.0% #5E473E	RGB 94 71 62	#5E473E
16.7%	16.7% #705346	RGB 112 83 70	#705346
33.3%	33.3% #835F4E	RGB 131 95 78	#835F4E
50.0%	50.0% #956B55	RGB 149 107 85	#956B55
66.7%	66.7% #A8775B	RGB 168 119 91	#A8775B
83.3%	83.3% #BA8360	RGB 186 131 96	#BA8360
100.0%	100.0% #CD8F64	RGB 205 143 100	#CD8F64

#5E473E #705346 #835F4E #956B55 #A8775B #BA8360 #CD8F64

#5E473E - #956B55 - #CD8F64

CSS codes

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

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