#C4A39F - #8D524B | 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 #C4A39F to #8D524B

#C4A39F #8D524B

Calculate the color between two colors, #C4A39F and #8D524B. 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)

#C4A39F - #8D524B | 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 #C4A39F as 0% and #8D524B as 100%.

0.0%	0.0% #C4A39F	RGB 196 163 159	#C4A39F
16.7%	16.7% #BA9591	RGB 186 149 145	#BA9591
33.3%	33.3% #B18883	RGB 177 136 131	#B18883
50.0%	50.0% #A87A75	RGB 168 122 117	#A87A75
66.7%	66.7% #9F6D67	RGB 159 109 103	#9F6D67
83.3%	83.3% #965F59	RGB 150 95 89	#965F59
100.0%	100.0% #8D524B	RGB 141 82 75	#8D524B

#C4A39F #BA9591 #B18883 #A87A75 #9F6D67 #965F59 #8D524B

#C4A39F - #8D524B

HSV Blend

#C4A39F - #8D524B | 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 #C4A39F as 0% and #8D524B as 100%.

0.0%	0.0% #C4A39F	RGB 196 163 159	#C4A39F
16.7%	16.7% #BA938E	RGB 186 147 142	#BA938E
33.3%	33.3% #B1847F	RGB 177 132 127	#B1847F
50.0%	50.0% #A87771	RGB 168 119 113	#A87771
66.7%	66.7% #9F6963	RGB 159 105 99	#9F6963
83.3%	83.3% #965D56	RGB 150 93 86	#965D56
100.0%	100.0% #8D524B	RGB 141 82 75	#8D524B

#C4A39F #BA938E #B1847F #A87771 #9F6963 #965D56 #8D524B

#C4A39F - #A87771 - #8D524B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4A39F 0%, #A87771 50%, #8D524B 100%);
    background: -webkit-linear-gradient(top, #C4A39F 0%, #A87771 50%, #8D524B 100%);
    background: linear-gradient(to bottom, #C4A39F 0%, #A87771 50%, #8D524B 100%);
}
</style>