#C9C5AF - #EFEEE8 | 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 #C9C5AF to #EFEEE8

#C9C5AF #EFEEE8

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

#C9C5AF - #EFEEE8 | 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 #C9C5AF as 0% and #EFEEE8 as 100%.

0.0%	0.0% #C9C5AF	RGB 201 197 175	#C9C5AF
16.7%	16.7% #CFCBB8	RGB 207 203 184	#CFCBB8
33.3%	33.3% #D5D2C2	RGB 213 210 194	#D5D2C2
50.0%	50.0% #DCD9CB	RGB 220 217 203	#DCD9CB
66.7%	66.7% #E2E0D5	RGB 226 224 213	#E2E0D5
83.3%	83.3% #E8E7DE	RGB 232 231 222	#E8E7DE
100.0%	100.0% #EFEEE8	RGB 239 238 232	#EFEEE8

#C9C5AF #CFCBB8 #D5D2C2 #DCD9CB #E2E0D5 #E8E7DE #EFEEE8

#C9C5AF - #EFEEE8

HSV Blend

#C9C5AF - #EFEEE8 | 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 #C9C5AF as 0% and #EFEEE8 as 100%.

0.0%	0.0% #C9C5AF	RGB 201 197 175	#C9C5AF
16.7%	16.7% #CFCBB7	RGB 207 203 183	#CFCBB7
33.3%	33.3% #D5D2C1	RGB 213 210 193	#D5D2C1
50.0%	50.0% #DCD9CA	RGB 220 217 202	#DCD9CA
66.7%	66.7% #E2E0D4	RGB 226 224 212	#E2E0D4
83.3%	83.3% #E8E7DD	RGB 232 231 221	#E8E7DD
100.0%	100.0% #EFEEE8	RGB 239 238 232	#EFEEE8

#C9C5AF #CFCBB7 #D5D2C1 #DCD9CA #E2E0D4 #E8E7DD #EFEEE8

#C9C5AF - #DCD9CA - #EFEEE8

CSS codes

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

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