#C9C8C8 - #FFD1DF | 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 #C9C8C8 to #FFD1DF

#C9C8C8 #FFD1DF

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

#C9C8C8 - #FFD1DF | 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 #C9C8C8 as 0% and #FFD1DF as 100%.

0.0%	0.0% #C9C8C8	RGB 201 200 200	#C9C8C8
16.7%	16.7% #D2C9CB	RGB 210 201 203	#D2C9CB
33.3%	33.3% #DBCBCF	RGB 219 203 207	#DBCBCF
50.0%	50.0% #E4CCD3	RGB 228 204 211	#E4CCD3
66.7%	66.7% #EDCED7	RGB 237 206 215	#EDCED7
83.3%	83.3% #F6CFDB	RGB 246 207 219	#F6CFDB
100.0%	100.0% #FFD1DF	RGB 255 209 223	#FFD1DF

#C9C8C8 #D2C9CB #DBCBCF #E4CCD3 #EDCED7 #F6CFDB #FFD1DF

#C9C8C8 - #FFD1DF

HSV Blend

#C9C8C8 - #FFD1DF | 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 #C9C8C8 as 0% and #FFD1DF as 100%.

0.0%	0.0% #C9C8C8	RGB 201 200 200	#C9C8C8
16.7%	16.7% #D2CACB	RGB 210 202 203	#D2CACB
33.3%	33.3% #DBCDCE	RGB 219 205 206	#DBCDCE
50.0%	50.0% #E4CED2	RGB 228 206 210	#E4CED2
66.7%	66.7% #EDD0D5	RGB 237 208 213	#EDD0D5
83.3%	83.3% #F6D0DA	RGB 246 208 218	#F6D0DA
100.0%	100.0% #FFD1DF	RGB 255 209 223	#FFD1DF

#C9C8C8 #D2CACB #DBCDCE #E4CED2 #EDD0D5 #F6D0DA #FFD1DF

#C9C8C8 - #E4CED2 - #FFD1DF

CSS codes

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

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