#C9C8AD - #EFEEE7 | 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 #C9C8AD to #EFEEE7

#C9C8AD #EFEEE7

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

#C9C8AD - #EFEEE7 | 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 #C9C8AD as 0% and #EFEEE7 as 100%.

0.0%	0.0% #C9C8AD	RGB 201 200 173	#C9C8AD
16.7%	16.7% #CFCEB6	RGB 207 206 182	#CFCEB6
33.3%	33.3% #D5D4C0	RGB 213 212 192	#D5D4C0
50.0%	50.0% #DCDBCA	RGB 220 219 202	#DCDBCA
66.7%	66.7% #E2E1D3	RGB 226 225 211	#E2E1D3
83.3%	83.3% #E8E7DD	RGB 232 231 221	#E8E7DD
100.0%	100.0% #EFEEE7	RGB 239 238 231	#EFEEE7

#C9C8AD #CFCEB6 #D5D4C0 #DCDBCA #E2E1D3 #E8E7DD #EFEEE7

#C9C8AD - #EFEEE7

HSV Blend

#C9C8AD - #EFEEE7 | 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 #C9C8AD as 0% and #EFEEE7 as 100%.

0.0%	0.0% #C9C8AD	RGB 201 200 173	#C9C8AD
16.7%	16.7% #CFCEB6	RGB 207 206 182	#CFCEB6
33.3%	33.3% #D5D4BF	RGB 213 212 191	#D5D4BF
50.0%	50.0% #DCDAC8	RGB 220 218 200	#DCDAC8
66.7%	66.7% #E2E0D2	RGB 226 224 210	#E2E0D2
83.3%	83.3% #E8E7DC	RGB 232 231 220	#E8E7DC
100.0%	100.0% #EFEEE7	RGB 239 238 231	#EFEEE7

#C9C8AD #CFCEB6 #D5D4BF #DCDAC8 #E2E0D2 #E8E7DC #EFEEE7

#C9C8AD - #DCDAC8 - #EFEEE7

CSS codes

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

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