#C8BB8D - #CFCDCC | 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 #C8BB8D to #CFCDCC

#C8BB8D #CFCDCC

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

#C8BB8D - #CFCDCC | 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 #C8BB8D as 0% and #CFCDCC as 100%.

0.0%	0.0% #C8BB8D	RGB 200 187 141	#C8BB8D
16.7%	16.7% #C9BE97	RGB 201 190 151	#C9BE97
33.3%	33.3% #CAC1A2	RGB 202 193 162	#CAC1A2
50.0%	50.0% #CBC4AC	RGB 203 196 172	#CBC4AC
66.7%	66.7% #CCC7B7	RGB 204 199 183	#CCC7B7
83.3%	83.3% #CDCAC1	RGB 205 202 193	#CDCAC1
100.0%	100.0% #CFCDCC	RGB 207 205 204	#CFCDCC

#C8BB8D #C9BE97 #CAC1A2 #CBC4AC #CCC7B7 #CDCAC1 #CFCDCC

#C8BB8D - #CFCDCC

HSV Blend

#C8BB8D - #CFCDCC | 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 #C8BB8D as 0% and #CFCDCC as 100%.

0.0%	0.0% #C8BB8D	RGB 200 187 141	#C8BB8D
16.7%	16.7% #C9BA97	RGB 201 186 151	#C9BA97
33.3%	33.3% #CABBA1	RGB 202 187 161	#CABBA1
50.0%	50.0% #CBBDAC	RGB 203 189 172	#CBBDAC
66.7%	66.7% #CCC1B6	RGB 204 193 182	#CCC1B6
83.3%	83.3% #CDC6C1	RGB 205 198 193	#CDC6C1
100.0%	100.0% #CFCDCC	RGB 207 205 204	#CFCDCC

#C8BB8D #C9BA97 #CABBA1 #CBBDAC #CCC1B6 #CDC6C1 #CFCDCC

#C8BB8D - #CBBDAC - #CFCDCC

CSS codes

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

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