#C3C8C0 - #E8D9C7 | 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 #C3C8C0 to #E8D9C7

#C3C8C0 #E8D9C7

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

#C3C8C0 - #E8D9C7 | 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 #C3C8C0 as 0% and #E8D9C7 as 100%.

0.0%	0.0% #C3C8C0	RGB 195 200 192	#C3C8C0
16.7%	16.7% #C9CAC1	RGB 201 202 193	#C9CAC1
33.3%	33.3% #CFCDC2	RGB 207 205 194	#CFCDC2
50.0%	50.0% #D5D0C3	RGB 213 208 195	#D5D0C3
66.7%	66.7% #DBD3C4	RGB 219 211 196	#DBD3C4
83.3%	83.3% #E1D6C5	RGB 225 214 197	#E1D6C5
100.0%	100.0% #E8D9C7	RGB 232 217 199	#E8D9C7

#C3C8C0 #C9CAC1 #CFCDC2 #D5D0C3 #DBD3C4 #E1D6C5 #E8D9C7

#C3C8C0 - #E8D9C7

HSV Blend

#C3C8C0 - #E8D9C7 | 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 #C3C8C0 as 0% and #E8D9C7 as 100%.

0.0%	0.0% #C3C8C0	RGB 195 200 192	#C3C8C0
16.7%	16.7% #C8CDC1	RGB 200 205 193	#C8CDC1
33.3%	33.3% #CED2C3	RGB 206 210 195	#CED2C3
50.0%	50.0% #D6D8C4	RGB 214 216 196	#D6D8C4
66.7%	66.7% #DDDBC5	RGB 221 219 197	#DDDBC5
83.3%	83.3% #E2DAC6	RGB 226 218 198	#E2DAC6
100.0%	100.0% #E8D9C7	RGB 232 217 199	#E8D9C7

#C3C8C0 #C8CDC1 #CED2C3 #D6D8C4 #DDDBC5 #E2DAC6 #E8D9C7

#C3C8C0 - #D6D8C4 - #E8D9C7

CSS codes

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

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