#473D3C - #CAC7C7 | 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 #473D3C to #CAC7C7

#473D3C #CAC7C7

Calculate the color between two colors, #473D3C and #CAC7C7. 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)

#473D3C - #CAC7C7 | 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 #473D3C as 0% and #CAC7C7 as 100%.

0.0%	0.0% #473D3C	RGB 71 61 60	#473D3C
16.7%	16.7% #5C5453	RGB 92 84 83	#5C5453
33.3%	33.3% #726B6A	RGB 114 107 106	#726B6A
50.0%	50.0% #888281	RGB 136 130 129	#888281
66.7%	66.7% #9E9998	RGB 158 153 152	#9E9998
83.3%	83.3% #B4B0AF	RGB 180 176 175	#B4B0AF
100.0%	100.0% #CAC7C7	RGB 202 199 199	#CAC7C7

#473D3C #5C5453 #726B6A #888281 #9E9998 #B4B0AF #CAC7C7

#473D3C - #CAC7C7

HSV Blend

#473D3C - #CAC7C7 | 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 #473D3C as 0% and #CAC7C7 as 100%.

0.0%	0.0% #473D3C	RGB 71 61 60	#473D3C
16.7%	16.7% #5C5150	RGB 92 81 80	#5C5150
33.3%	33.3% #726766	RGB 114 103 102	#726766
50.0%	50.0% #887D7C	RGB 136 125 124	#887D7C
66.7%	66.7% #9E9494	RGB 158 148 148	#9E9494
83.3%	83.3% #B4ADAD	RGB 180 173 173	#B4ADAD
100.0%	100.0% #CAC7C7	RGB 202 199 199	#CAC7C7

#473D3C #5C5150 #726766 #887D7C #9E9494 #B4ADAD #CAC7C7

#473D3C - #887D7C - #CAC7C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #473D3C 0%, #887D7C 50%, #CAC7C7 100%);
    background: -webkit-linear-gradient(top, #473D3C 0%, #887D7C 50%, #CAC7C7 100%);
    background: linear-gradient(to bottom, #473D3C 0%, #887D7C 50%, #CAC7C7 100%);
}
</style>