#C6BDA8 - #7E6B4D | 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 #C6BDA8 to #7E6B4D

#C6BDA8 #7E6B4D

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

#C6BDA8 - #7E6B4D | 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 #C6BDA8 as 0% and #7E6B4D as 100%.

0.0%	0.0% #C6BDA8	RGB 198 189 168	#C6BDA8
16.7%	16.7% #BAAF98	RGB 186 175 152	#BAAF98
33.3%	33.3% #AEA189	RGB 174 161 137	#AEA189
50.0%	50.0% #A2947A	RGB 162 148 122	#A2947A
66.7%	66.7% #96866B	RGB 150 134 107	#96866B
83.3%	83.3% #8A785C	RGB 138 120 92	#8A785C
100.0%	100.0% #7E6B4D	RGB 126 107 77	#7E6B4D

#C6BDA8 #BAAF98 #AEA189 #A2947A #96866B #8A785C #7E6B4D

#C6BDA8 - #7E6B4D

HSV Blend

#C6BDA8 - #7E6B4D | 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 #C6BDA8 as 0% and #7E6B4D as 100%.

0.0%	0.0% #C6BDA8	RGB 198 189 168	#C6BDA8
16.7%	16.7% #BAAE96	RGB 186 174 150	#BAAE96
33.3%	33.3% #AEA085	RGB 174 160 133	#AEA085
50.0%	50.0% #A29276	RGB 162 146 118	#A29276
66.7%	66.7% #968567	RGB 150 133 103	#968567
83.3%	83.3% #8A7859	RGB 138 120 89	#8A7859
100.0%	100.0% #7E6B4D	RGB 126 107 77	#7E6B4D

#C6BDA8 #BAAE96 #AEA085 #A29276 #968567 #8A7859 #7E6B4D

#C6BDA8 - #A29276 - #7E6B4D

CSS codes

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

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