#C9C0C7 - #FFF0DC | 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 #C9C0C7 to #FFF0DC

#C9C0C7 #FFF0DC

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

#C9C0C7 - #FFF0DC | 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 #C9C0C7 as 0% and #FFF0DC as 100%.

0.0%	0.0% #C9C0C7	RGB 201 192 199	#C9C0C7
16.7%	16.7% #D2C8CA	RGB 210 200 202	#D2C8CA
33.3%	33.3% #DBD0CE	RGB 219 208 206	#DBD0CE
50.0%	50.0% #E4D8D1	RGB 228 216 209	#E4D8D1
66.7%	66.7% #EDE0D5	RGB 237 224 213	#EDE0D5
83.3%	83.3% #F6E8D8	RGB 246 232 216	#F6E8D8
100.0%	100.0% #FFF0DC	RGB 255 240 220	#FFF0DC

#C9C0C7 #D2C8CA #DBD0CE #E4D8D1 #EDE0D5 #F6E8D8 #FFF0DC

#C9C0C7 - #FFF0DC

HSV Blend

#C9C0C7 - #FFF0DC | 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 #C9C0C7 as 0% and #FFF0DC as 100%.

0.0%	0.0% #C9C0C7	RGB 201 192 199	#C9C0C7
16.7%	16.7% #D2C5CC	RGB 210 197 204	#D2C5CC
33.3%	33.3% #DBCACF	RGB 219 202 207	#DBCACF
50.0%	50.0% #E4CFD1	RGB 228 207 209	#E4CFD1
66.7%	66.7% #EDD6D3	RGB 237 214 211	#EDD6D3
83.3%	83.3% #F6E2D8	RGB 246 226 216	#F6E2D8
100.0%	100.0% #FFF0DC	RGB 255 240 220	#FFF0DC

#C9C0C7 #D2C5CC #DBCACF #E4CFD1 #EDD6D3 #F6E2D8 #FFF0DC

#C9C0C7 - #E4CFD1 - #FFF0DC

CSS codes

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

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