#5E4625 - #CD8944 | 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 #5E4625 to #CD8944

#5E4625 #CD8944

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

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

0.0%	0.0% #5E4625	RGB 94 70 37	#5E4625
16.7%	16.7% #70512A	RGB 112 81 42	#70512A
33.3%	33.3% #835C2F	RGB 131 92 47	#835C2F
50.0%	50.0% #956734	RGB 149 103 52	#956734
66.7%	66.7% #A87239	RGB 168 114 57	#A87239
83.3%	83.3% #BA7D3E	RGB 186 125 62	#BA7D3E
100.0%	100.0% #CD8944	RGB 205 137 68	#CD8944

#5E4625 #70512A #835C2F #956734 #A87239 #BA7D3E #CD8944

#5E4625 - #CD8944

HSV Blend

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

0.0%	0.0% #5E4625	RGB 94 70 37	#5E4625
16.7%	16.7% #70522B	RGB 112 82 43	#70522B
33.3%	33.3% #835E30	RGB 131 94 48	#835E30
50.0%	50.0% #956936	RGB 149 105 54	#956936
66.7%	66.7% #A8743B	RGB 168 116 59	#A8743B
83.3%	83.3% #BA7F3F	RGB 186 127 63	#BA7F3F
100.0%	100.0% #CD8944	RGB 205 137 68	#CD8944

#5E4625 #70522B #835E30 #956936 #A8743B #BA7F3F #CD8944

#5E4625 - #956936 - #CD8944

CSS codes

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

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