#C49C8C - #A76038 | 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 #A76038

#C49C8C #A76038

Calculate the color between two colors, #C49C8C and #A76038. 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 - #A76038 | 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 #A76038 as 100%.

0.0%	0.0% #C49C8C	RGB 196 156 140	#C49C8C
16.7%	16.7% #BF927E	RGB 191 146 126	#BF927E
33.3%	33.3% #BA8870	RGB 186 136 112	#BA8870
50.0%	50.0% #B57E62	RGB 181 126 98	#B57E62
66.7%	66.7% #B07454	RGB 176 116 84	#B07454
83.3%	83.3% #AB6A46	RGB 171 106 70	#AB6A46
100.0%	100.0% #A76038	RGB 167 96 56	#A76038

#C49C8C #BF927E #BA8870 #B57E62 #B07454 #AB6A46 #A76038

#C49C8C - #A76038

HSV Blend

#C49C8C - #A76038 | 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 #A76038 as 100%.

0.0%	0.0% #C49C8C	RGB 196 156 140	#C49C8C
16.7%	16.7% #BF907C	RGB 191 144 124	#BF907C
33.3%	33.3% #BA856D	RGB 186 133 109	#BA856D
50.0%	50.0% #B57B5F	RGB 181 123 95	#B57B5F
66.7%	66.7% #B07151	RGB 176 113 81	#B07151
83.3%	83.3% #AB6844	RGB 171 104 68	#AB6844
100.0%	100.0% #A76038	RGB 167 96 56	#A76038

#C49C8C #BF907C #BA856D #B57B5F #B07151 #AB6844 #A76038

#C49C8C - #B57B5F - #A76038

CSS codes

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

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