#C4A895 - #A46340 | 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 #C4A895 to #A46340

#C4A895 #A46340

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

#C4A895 - #A46340 | 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 #C4A895 as 0% and #A46340 as 100%.

0.0%	0.0% #C4A895	RGB 196 168 149	#C4A895
16.7%	16.7% #BE9C86	RGB 190 156 134	#BE9C86
33.3%	33.3% #B99178	RGB 185 145 120	#B99178
50.0%	50.0% #B4856A	RGB 180 133 106	#B4856A
66.7%	66.7% #AE7A5C	RGB 174 122 92	#AE7A5C
83.3%	83.3% #A96E4E	RGB 169 110 78	#A96E4E
100.0%	100.0% #A46340	RGB 164 99 64	#A46340

#C4A895 #BE9C86 #B99178 #B4856A #AE7A5C #A96E4E #A46340

#C4A895 - #A46340

HSV Blend

#C4A895 - #A46340 | 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 #C4A895 as 0% and #A46340 as 100%.

0.0%	0.0% #C4A895	RGB 196 168 149	#C4A895
16.7%	16.7% #BE9B85	RGB 190 155 133	#BE9B85
33.3%	33.3% #B99076	RGB 185 144 118	#B99076
50.0%	50.0% #B48467	RGB 180 132 103	#B48467
66.7%	66.7% #AE7859	RGB 174 120 89	#AE7859
83.3%	83.3% #A96D4C	RGB 169 109 76	#A96D4C
100.0%	100.0% #A46340	RGB 164 99 64	#A46340

#C4A895 #BE9B85 #B99076 #B48467 #AE7859 #A96D4C #A46340

#C4A895 - #B48467 - #A46340

CSS codes

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

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