#C49B9A - #AA4D44 | 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 #C49B9A to #AA4D44

#C49B9A #AA4D44

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

#C49B9A - #AA4D44 | 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 #C49B9A as 0% and #AA4D44 as 100%.

0.0%	0.0% #C49B9A	RGB 196 155 154	#C49B9A
16.7%	16.7% #BF8E8B	RGB 191 142 139	#BF8E8B
33.3%	33.3% #BB817D	RGB 187 129 125	#BB817D
50.0%	50.0% #B7746F	RGB 183 116 111	#B7746F
66.7%	66.7% #B26760	RGB 178 103 96	#B26760
83.3%	83.3% #AE5A52	RGB 174 90 82	#AE5A52
100.0%	100.0% #AA4D44	RGB 170 77 68	#AA4D44

#C49B9A #BF8E8B #BB817D #B7746F #B26760 #AE5A52 #AA4D44

#C49B9A - #AA4D44

HSV Blend

#C49B9A - #AA4D44 | 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 #C49B9A as 0% and #AA4D44 as 100%.

0.0%	0.0% #C49B9A	RGB 196 155 154	#C49B9A
16.7%	16.7% #BF8C8A	RGB 191 140 138	#BF8C8A
33.3%	33.3% #BB7E7B	RGB 187 126 123	#BB7E7B
50.0%	50.0% #B7706C	RGB 183 112 108	#B7706C
66.7%	66.7% #B2645E	RGB 178 100 94	#B2645E
83.3%	83.3% #AE5850	RGB 174 88 80	#AE5850
100.0%	100.0% #AA4D44	RGB 170 77 68	#AA4D44

#C49B9A #BF8C8A #BB7E7B #B7706C #B2645E #AE5850 #AA4D44

#C49B9A - #B7706C - #AA4D44

CSS codes

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

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