#C8BAB0 - #A8765B | 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 #C8BAB0 to #A8765B

#C8BAB0 #A8765B

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

#C8BAB0 - #A8765B | 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 #C8BAB0 as 0% and #A8765B as 100%.

0.0%	0.0% #C8BAB0	RGB 200 186 176	#C8BAB0
16.7%	16.7% #C2AEA1	RGB 194 174 161	#C2AEA1
33.3%	33.3% #BDA393	RGB 189 163 147	#BDA393
50.0%	50.0% #B89885	RGB 184 152 133	#B89885
66.7%	66.7% #B28C77	RGB 178 140 119	#B28C77
83.3%	83.3% #AD8169	RGB 173 129 105	#AD8169
100.0%	100.0% #A8765B	RGB 168 118 91	#A8765B

#C8BAB0 #C2AEA1 #BDA393 #B89885 #B28C77 #AD8169 #A8765B

#C8BAB0 - #A8765B

HSV Blend

#C8BAB0 - #A8765B | 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 #C8BAB0 as 0% and #A8765B as 100%.

0.0%	0.0% #C8BAB0	RGB 200 186 176	#C8BAB0
16.7%	16.7% #C2AEA0	RGB 194 174 160	#C2AEA0
33.3%	33.3% #BDA291	RGB 189 162 145	#BDA291
50.0%	50.0% #B89782	RGB 184 151 130	#B89782
66.7%	66.7% #B28B74	RGB 178 139 116	#B28B74
83.3%	83.3% #AD8067	RGB 173 128 103	#AD8067
100.0%	100.0% #A8765B	RGB 168 118 91	#A8765B

#C8BAB0 #C2AEA0 #BDA291 #B89782 #B28B74 #AD8067 #A8765B

#C8BAB0 - #B89782 - #A8765B

CSS codes

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

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