#5A4D3E - #CFCCC7 | 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 #5A4D3E to #CFCCC7

#5A4D3E #CFCCC7

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

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

0.0%	0.0% #5A4D3E	RGB 90 77 62	#5A4D3E
16.7%	16.7% #6D6254	RGB 109 98 84	#6D6254
33.3%	33.3% #81776B	RGB 129 119 107	#81776B
50.0%	50.0% #948C82	RGB 148 140 130	#948C82
66.7%	66.7% #A8A199	RGB 168 161 153	#A8A199
83.3%	83.3% #BBB6B0	RGB 187 182 176	#BBB6B0
100.0%	100.0% #CFCCC7	RGB 207 204 199	#CFCCC7

#5A4D3E #6D6254 #81776B #948C82 #A8A199 #BBB6B0 #CFCCC7

#5A4D3E - #CFCCC7

HSV Blend

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

0.0%	0.0% #5A4D3E	RGB 90 77 62	#5A4D3E
16.7%	16.7% #6D6050	RGB 109 96 80	#6D6050
33.3%	33.3% #817464	RGB 129 116 100	#817464
50.0%	50.0% #94897A	RGB 148 137 122	#94897A
66.7%	66.7% #A89F92	RGB 168 159 146	#A89F92
83.3%	83.3% #BBB5AB	RGB 187 181 171	#BBB5AB
100.0%	100.0% #CFCCC7	RGB 207 204 199	#CFCCC7

#5A4D3E #6D6050 #817464 #94897A #A89F92 #BBB5AB #CFCCC7

#5A4D3E - #94897A - #CFCCC7

CSS codes

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

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