#5A4D45 - #CFCCC9 | 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 #5A4D45 to #CFCCC9

#5A4D45 #CFCCC9

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

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

0.0%	0.0% #5A4D45	RGB 90 77 69	#5A4D45
16.7%	16.7% #6D625B	RGB 109 98 91	#6D625B
33.3%	33.3% #817771	RGB 129 119 113	#817771
50.0%	50.0% #948C87	RGB 148 140 135	#948C87
66.7%	66.7% #A8A19D	RGB 168 161 157	#A8A19D
83.3%	83.3% #BBB6B3	RGB 187 182 179	#BBB6B3
100.0%	100.0% #CFCCC9	RGB 207 204 201	#CFCCC9

#5A4D45 #6D625B #817771 #948C87 #A8A19D #BBB6B3 #CFCCC9

#5A4D45 - #CFCCC9

HSV Blend

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

0.0%	0.0% #5A4D45	RGB 90 77 69	#5A4D45
16.7%	16.7% #6D6057	RGB 109 96 87	#6D6057
33.3%	33.3% #81746B	RGB 129 116 107	#81746B
50.0%	50.0% #948981	RGB 148 137 129	#948981
66.7%	66.7% #A89F97	RGB 168 159 151	#A89F97
83.3%	83.3% #BBB5AF	RGB 187 181 175	#BBB5AF
100.0%	100.0% #CFCCC9	RGB 207 204 201	#CFCCC9

#5A4D45 #6D6057 #81746B #948981 #A89F97 #BBB5AF #CFCCC9

#5A4D45 - #948981 - #CFCCC9

CSS codes

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

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