#C49F7E - #A15C2E | 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 #C49F7E to #A15C2E

#C49F7E #A15C2E

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

#C49F7E - #A15C2E | 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 #C49F7E as 0% and #A15C2E as 100%.

0.0%	0.0% #C49F7E	RGB 196 159 126	#C49F7E
16.7%	16.7% #BE9370	RGB 190 147 112	#BE9370
33.3%	33.3% #B88863	RGB 184 136 99	#B88863
50.0%	50.0% #B27D56	RGB 178 125 86	#B27D56
66.7%	66.7% #AC7248	RGB 172 114 72	#AC7248
83.3%	83.3% #A6673B	RGB 166 103 59	#A6673B
100.0%	100.0% #A15C2E	RGB 161 92 46	#A15C2E

#C49F7E #BE9370 #B88863 #B27D56 #AC7248 #A6673B #A15C2E

#C49F7E - #A15C2E

HSV Blend

#C49F7E - #A15C2E | 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 #C49F7E as 0% and #A15C2E as 100%.

0.0%	0.0% #C49F7E	RGB 196 159 126	#C49F7E
16.7%	16.7% #BE936E	RGB 190 147 110	#BE936E
33.3%	33.3% #B88760	RGB 184 135 96	#B88760
50.0%	50.0% #B27C52	RGB 178 124 82	#B27C52
66.7%	66.7% #AC7145	RGB 172 113 69	#AC7145
83.3%	83.3% #A66639	RGB 166 102 57	#A66639
100.0%	100.0% #A15C2E	RGB 161 92 46	#A15C2E

#C49F7E #BE936E #B88760 #B27C52 #AC7145 #A66639 #A15C2E

#C49F7E - #B27C52 - #A15C2E

CSS codes

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

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