#C5C9AF - #EEEFE8 | 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 #C5C9AF to #EEEFE8

#C5C9AF #EEEFE8

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

#C5C9AF - #EEEFE8 | 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 #C5C9AF as 0% and #EEEFE8 as 100%.

0.0%	0.0% #C5C9AF	RGB 197 201 175	#C5C9AF
16.7%	16.7% #CBCFB8	RGB 203 207 184	#CBCFB8
33.3%	33.3% #D2D5C2	RGB 210 213 194	#D2D5C2
50.0%	50.0% #D9DCCB	RGB 217 220 203	#D9DCCB
66.7%	66.7% #E0E2D5	RGB 224 226 213	#E0E2D5
83.3%	83.3% #E7E8DE	RGB 231 232 222	#E7E8DE
100.0%	100.0% #EEEFE8	RGB 238 239 232	#EEEFE8

#C5C9AF #CBCFB8 #D2D5C2 #D9DCCB #E0E2D5 #E7E8DE #EEEFE8

#C5C9AF - #EEEFE8

HSV Blend

#C5C9AF - #EEEFE8 | 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 #C5C9AF as 0% and #EEEFE8 as 100%.

0.0%	0.0% #C5C9AF	RGB 197 201 175	#C5C9AF
16.7%	16.7% #CBCFB7	RGB 203 207 183	#CBCFB7
33.3%	33.3% #D2D5C1	RGB 210 213 193	#D2D5C1
50.0%	50.0% #D9DCCA	RGB 217 220 202	#D9DCCA
66.7%	66.7% #E0E2D4	RGB 224 226 212	#E0E2D4
83.3%	83.3% #E7E8DD	RGB 231 232 221	#E7E8DD
100.0%	100.0% #EEEFE8	RGB 238 239 232	#EEEFE8

#C5C9AF #CBCFB7 #D2D5C1 #D9DCCA #E0E2D4 #E7E8DD #EEEFE8

#C5C9AF - #D9DCCA - #EEEFE8

CSS codes

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

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