#CCCAC7 - #A88B76 | 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 #CCCAC7 to #A88B76

#CCCAC7 #A88B76

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

#CCCAC7 - #A88B76 | 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 #CCCAC7 as 0% and #A88B76 as 100%.

0.0%	0.0% #CCCAC7	RGB 204 202 199	#CCCAC7
16.7%	16.7% #C6BFB9	RGB 198 191 185	#C6BFB9
33.3%	33.3% #C0B5AC	RGB 192 181 172	#C0B5AC
50.0%	50.0% #BAAA9E	RGB 186 170 158	#BAAA9E
66.7%	66.7% #B4A091	RGB 180 160 145	#B4A091
83.3%	83.3% #AE9583	RGB 174 149 131	#AE9583
100.0%	100.0% #A88B76	RGB 168 139 118	#A88B76

#CCCAC7 #C6BFB9 #C0B5AC #BAAA9E #B4A091 #AE9583 #A88B76

#CCCAC7 - #A88B76

HSV Blend

#CCCAC7 - #A88B76 | 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 #CCCAC7 as 0% and #A88B76 as 100%.

0.0%	0.0% #CCCAC7	RGB 204 202 199	#CCCAC7
16.7%	16.7% #C6C0B8	RGB 198 192 184	#C6C0B8
33.3%	33.3% #C0B5A9	RGB 192 181 169	#C0B5A9
50.0%	50.0% #BAAB9C	RGB 186 171 156	#BAAB9C
66.7%	66.7% #B4A08E	RGB 180 160 142	#B4A08E
83.3%	83.3% #AE9582	RGB 174 149 130	#AE9582
100.0%	100.0% #A88B76	RGB 168 139 118	#A88B76

#CCCAC7 #C6C0B8 #C0B5A9 #BAAB9C #B4A08E #AE9582 #A88B76

#CCCAC7 - #BAAB9C - #A88B76

CSS codes

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

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