#C8C4BC - #A38669 | 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 #C8C4BC to #A38669

#C8C4BC #A38669

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

#C8C4BC - #A38669 | 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 #C8C4BC as 0% and #A38669 as 100%.

0.0%	0.0% #C8C4BC	RGB 200 196 188	#C8C4BC
16.7%	16.7% #C1B9AE	RGB 193 185 174	#C1B9AE
33.3%	33.3% #BBAFA0	RGB 187 175 160	#BBAFA0
50.0%	50.0% #B5A592	RGB 181 165 146	#B5A592
66.7%	66.7% #AF9A84	RGB 175 154 132	#AF9A84
83.3%	83.3% #A99076	RGB 169 144 118	#A99076
100.0%	100.0% #A38669	RGB 163 134 105	#A38669

#C8C4BC #C1B9AE #BBAFA0 #B5A592 #AF9A84 #A99076 #A38669

#C8C4BC - #A38669

HSV Blend

#C8C4BC - #A38669 | 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 #C8C4BC as 0% and #A38669 as 100%.

0.0%	0.0% #C8C4BC	RGB 200 196 188	#C8C4BC
16.7%	16.7% #C1BAAC	RGB 193 186 172	#C1BAAC
33.3%	33.3% #BBB09D	RGB 187 176 157	#BBB09D
50.0%	50.0% #B5A58F	RGB 181 165 143	#B5A58F
66.7%	66.7% #AF9B82	RGB 175 155 130	#AF9B82
83.3%	83.3% #A99075	RGB 169 144 117	#A99075
100.0%	100.0% #A38669	RGB 163 134 105	#A38669

#C8C4BC #C1BAAC #BBB09D #B5A58F #AF9B82 #A99075 #A38669

#C8C4BC - #B5A58F - #A38669

CSS codes

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

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