#5E4C46 - #CDAC71 | 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 #5E4C46 to #CDAC71

#5E4C46 #CDAC71

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

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

0.0%	0.0% #5E4C46	RGB 94 76 70	#5E4C46
16.7%	16.7% #705C4D	RGB 112 92 77	#705C4D
33.3%	33.3% #836C54	RGB 131 108 84	#836C54
50.0%	50.0% #957C5B	RGB 149 124 91	#957C5B
66.7%	66.7% #A88C62	RGB 168 140 98	#A88C62
83.3%	83.3% #BA9C69	RGB 186 156 105	#BA9C69
100.0%	100.0% #CDAC71	RGB 205 172 113	#CDAC71

#5E4C46 #705C4D #836C54 #957C5B #A88C62 #BA9C69 #CDAC71

#5E4C46 - #CDAC71

HSV Blend

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

0.0%	0.0% #5E4C46	RGB 94 76 70	#5E4C46
16.7%	16.7% #705A50	RGB 112 90 80	#705A50
33.3%	33.3% #836959	RGB 131 105 89	#836959
50.0%	50.0% #957860	RGB 149 120 96	#957860
66.7%	66.7% #A88867	RGB 168 136 103	#A88867
83.3%	83.3% #BA996C	RGB 186 153 108	#BA996C
100.0%	100.0% #CDAC71	RGB 205 172 113	#CDAC71

#5E4C46 #705A50 #836959 #957860 #A88867 #BA996C #CDAC71

#5E4C46 - #957860 - #CDAC71

CSS codes

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

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