#C6B8A2 - #A3784D | 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 #C6B8A2 to #A3784D

#C6B8A2 #A3784D

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

#C6B8A2 - #A3784D | 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 #C6B8A2 as 0% and #A3784D as 100%.

0.0%	0.0% #C6B8A2	RGB 198 184 162	#C6B8A2
16.7%	16.7% #C0AD93	RGB 192 173 147	#C0AD93
33.3%	33.3% #BAA285	RGB 186 162 133	#BAA285
50.0%	50.0% #B49877	RGB 180 152 119	#B49877
66.7%	66.7% #AE8D69	RGB 174 141 105	#AE8D69
83.3%	83.3% #A8825B	RGB 168 130 91	#A8825B
100.0%	100.0% #A3784D	RGB 163 120 77	#A3784D

#C6B8A2 #C0AD93 #BAA285 #B49877 #AE8D69 #A8825B #A3784D

#C6B8A2 - #A3784D

HSV Blend

#C6B8A2 - #A3784D | 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 #C6B8A2 as 0% and #A3784D as 100%.

0.0%	0.0% #C6B8A2	RGB 198 184 162	#C6B8A2
16.7%	16.7% #C0AD92	RGB 192 173 146	#C0AD92
33.3%	33.3% #BAA282	RGB 186 162 130	#BAA282
50.0%	50.0% #B49874	RGB 180 152 116	#B49874
66.7%	66.7% #AE8D66	RGB 174 141 102	#AE8D66
83.3%	83.3% #A88259	RGB 168 130 89	#A88259
100.0%	100.0% #A3784D	RGB 163 120 77	#A3784D

#C6B8A2 #C0AD92 #BAA282 #B49874 #AE8D66 #A88259 #A3784D

#C6B8A2 - #B49874 - #A3784D

CSS codes

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

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