#C49C8C - #A45438 | 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 #C49C8C to #A45438

#C49C8C #A45438

Calculate the color between two colors, #C49C8C and #A45438. 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)

#C49C8C - #A45438 | 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 #C49C8C as 0% and #A45438 as 100%.

0.0%	0.0% #C49C8C	RGB 196 156 140	#C49C8C
16.7%	16.7% #BE907E	RGB 190 144 126	#BE907E
33.3%	33.3% #B98470	RGB 185 132 112	#B98470
50.0%	50.0% #B47862	RGB 180 120 98	#B47862
66.7%	66.7% #AE6C54	RGB 174 108 84	#AE6C54
83.3%	83.3% #A96046	RGB 169 96 70	#A96046
100.0%	100.0% #A45438	RGB 164 84 56	#A45438

#C49C8C #BE907E #B98470 #B47862 #AE6C54 #A96046 #A45438

#C49C8C - #A45438

HSV Blend

#C49C8C - #A45438 | 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 #C49C8C as 0% and #A45438 as 100%.

0.0%	0.0% #C49C8C	RGB 196 156 140	#C49C8C
16.7%	16.7% #BE8F7C	RGB 190 143 124	#BE8F7C
33.3%	33.3% #B9826D	RGB 185 130 109	#B9826D
50.0%	50.0% #B4765F	RGB 180 118 95	#B4765F
66.7%	66.7% #AE6A51	RGB 174 106 81	#AE6A51
83.3%	83.3% #A95E44	RGB 169 94 68	#A95E44
100.0%	100.0% #A45438	RGB 164 84 56	#A45438

#C49C8C #BE8F7C #B9826D #B4765F #AE6A51 #A95E44 #A45438

#C49C8C - #B4765F - #A45438

CSS codes

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

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