#C8C2BC - #A68069 | 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 #C8C2BC to #A68069

#C8C2BC #A68069

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

#C8C2BC - #A68069 | 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 #C8C2BC as 0% and #A68069 as 100%.

0.0%	0.0% #C8C2BC	RGB 200 194 188	#C8C2BC
16.7%	16.7% #C2B7AE	RGB 194 183 174	#C2B7AE
33.3%	33.3% #BCACA0	RGB 188 172 160	#BCACA0
50.0%	50.0% #B7A192	RGB 183 161 146	#B7A192
66.7%	66.7% #B19684	RGB 177 150 132	#B19684
83.3%	83.3% #AB8B76	RGB 171 139 118	#AB8B76
100.0%	100.0% #A68069	RGB 166 128 105	#A68069

#C8C2BC #C2B7AE #BCACA0 #B7A192 #B19684 #AB8B76 #A68069

#C8C2BC - #A68069

HSV Blend

#C8C2BC - #A68069 | 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 #C8C2BC as 0% and #A68069 as 100%.

0.0%	0.0% #C8C2BC	RGB 200 194 188	#C8C2BC
16.7%	16.7% #C2B7AC	RGB 194 183 172	#C2B7AC
33.3%	33.3% #BCAC9E	RGB 188 172 158	#BCAC9E
50.0%	50.0% #B7A18F	RGB 183 161 143	#B7A18F
66.7%	66.7% #B19582	RGB 177 149 130	#B19582
83.3%	83.3% #AB8A75	RGB 171 138 117	#AB8A75
100.0%	100.0% #A68069	RGB 166 128 105	#A68069

#C8C2BC #C2B7AC #BCAC9E #B7A18F #B19582 #AB8A75 #A68069

#C8C2BC - #B7A18F - #A68069

CSS codes

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

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