#41392E - #A59D5E | 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 #41392E to #A59D5E

#41392E #A59D5E

Calculate the color between two colors, #41392E and #A59D5E. 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)

#41392E - #A59D5E | 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 #41392E as 0% and #A59D5E as 100%.

0.0%	0.0% #41392E	RGB 65 57 46	#41392E
16.7%	16.7% #514936	RGB 81 73 54	#514936
33.3%	33.3% #625A3E	RGB 98 90 62	#625A3E
50.0%	50.0% #736B46	RGB 115 107 70	#736B46
66.7%	66.7% #837B4E	RGB 131 123 78	#837B4E
83.3%	83.3% #948C56	RGB 148 140 86	#948C56
100.0%	100.0% #A59D5E	RGB 165 157 94	#A59D5E

#41392E #514936 #625A3E #736B46 #837B4E #948C56 #A59D5E

#41392E - #A59D5E

HSV Blend

#41392E - #A59D5E | 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 #41392E as 0% and #A59D5E as 100%.

0.0%	0.0% #41392E	RGB 65 57 46	#41392E
16.7%	16.7% #514837	RGB 81 72 55	#514837
33.3%	33.3% #625741	RGB 98 87 65	#625741
50.0%	50.0% #736749	RGB 115 103 73	#736749
66.7%	66.7% #837851	RGB 131 120 81	#837851
83.3%	83.3% #948A57	RGB 148 138 87	#948A57
100.0%	100.0% #A59D5E	RGB 165 157 94	#A59D5E

#41392E #514837 #625741 #736749 #837851 #948A57 #A59D5E

#41392E - #736749 - #A59D5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41392E 0%, #736749 50%, #A59D5E 100%);
    background: -webkit-linear-gradient(top, #41392E 0%, #736749 50%, #A59D5E 100%);
    background: linear-gradient(to bottom, #41392E 0%, #736749 50%, #A59D5E 100%);
}
</style>