#482C04 - #CAC2B7 | 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 #482C04 to #CAC2B7

#482C04 #CAC2B7

Calculate the color between two colors, #482C04 and #CAC2B7. 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)

#482C04 - #CAC2B7 | 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 #482C04 as 0% and #CAC2B7 as 100%.

0.0%	0.0% #482C04	RGB 72 44 4	#482C04
16.7%	16.7% #5D4521	RGB 93 69 33	#5D4521
33.3%	33.3% #735E3F	RGB 115 94 63	#735E3F
50.0%	50.0% #89775D	RGB 137 119 93	#89775D
66.7%	66.7% #9E907B	RGB 158 144 123	#9E907B
83.3%	83.3% #B4A999	RGB 180 169 153	#B4A999
100.0%	100.0% #CAC2B7	RGB 202 194 183	#CAC2B7

#482C04 #5D4521 #735E3F #89775D #9E907B #B4A999 #CAC2B7

#482C04 - #CAC2B7

HSV Blend

#482C04 - #CAC2B7 | 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 #482C04 as 0% and #CAC2B7 as 100%.

0.0%	0.0% #482C04	RGB 72 44 4	#482C04
16.7%	16.7% #5D3E12	RGB 93 62 18	#5D3E12
33.3%	33.3% #735327	RGB 115 83 39	#735327
50.0%	50.0% #896B41	RGB 137 107 65	#896B41
66.7%	66.7% #9E8562	RGB 158 133 98	#9E8562
83.3%	83.3% #B4A289	RGB 180 162 137	#B4A289
100.0%	100.0% #CAC2B7	RGB 202 194 183	#CAC2B7

#482C04 #5D3E12 #735327 #896B41 #9E8562 #B4A289 #CAC2B7

#482C04 - #896B41 - #CAC2B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #482C04 0%, #896B41 50%, #CAC2B7 100%);
    background: -webkit-linear-gradient(top, #482C04 0%, #896B41 50%, #CAC2B7 100%);
    background: linear-gradient(to bottom, #482C04 0%, #896B41 50%, #CAC2B7 100%);
}
</style>