#5E4729 - #CD8B49 | 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 #5E4729 to #CD8B49

#5E4729 #CD8B49

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

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

0.0%	0.0% #5E4729	RGB 94 71 41	#5E4729
16.7%	16.7% #70522E	RGB 112 82 46	#70522E
33.3%	33.3% #835D33	RGB 131 93 51	#835D33
50.0%	50.0% #956939	RGB 149 105 57	#956939
66.7%	66.7% #A8743E	RGB 168 116 62	#A8743E
83.3%	83.3% #BA7F43	RGB 186 127 67	#BA7F43
100.0%	100.0% #CD8B49	RGB 205 139 73	#CD8B49

#5E4729 #70522E #835D33 #956939 #A8743E #BA7F43 #CD8B49

#5E4729 - #CD8B49

HSV Blend

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

0.0%	0.0% #5E4729	RGB 94 71 41	#5E4729
16.7%	16.7% #70532F	RGB 112 83 47	#70532F
33.3%	33.3% #835F35	RGB 131 95 53	#835F35
50.0%	50.0% #956B3B	RGB 149 107 59	#956B3B
66.7%	66.7% #A87640	RGB 168 118 64	#A87640
83.3%	83.3% #BA8044	RGB 186 128 68	#BA8044
100.0%	100.0% #CD8B49	RGB 205 139 73	#CD8B49

#5E4729 #70532F #835F35 #956B3B #A87640 #BA8044 #CD8B49

#5E4729 - #956B3B - #CD8B49

CSS codes

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

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