#C9C8C8 - #FFD1F5 | 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 #FFD1F5

#C9C8C8 #FFD1F5

Calculate the color between two colors, #C9C8C8 and #FFD1F5. 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 - #FFD1F5 | 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 #FFD1F5 as 100%.

0.0%	0.0% #C9C8C8	RGB 201 200 200	#C9C8C8
16.7%	16.7% #D2C9CF	RGB 210 201 207	#D2C9CF
33.3%	33.3% #DBCBD7	RGB 219 203 215	#DBCBD7
50.0%	50.0% #E4CCDE	RGB 228 204 222	#E4CCDE
66.7%	66.7% #EDCEE6	RGB 237 206 230	#EDCEE6
83.3%	83.3% #F6CFED	RGB 246 207 237	#F6CFED
100.0%	100.0% #FFD1F5	RGB 255 209 245	#FFD1F5

#C9C8C8 #D2C9CF #DBCBD7 #E4CCDE #EDCEE6 #F6CFED #FFD1F5

#C9C8C8 - #FFD1F5

HSV Blend

#C9C8C8 - #FFD1F5 | 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 #FFD1F5 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% #DBCDD0	RGB 219 205 208	#DBCDD0
50.0%	50.0% #E4CED7	RGB 228 206 215	#E4CED7
66.7%	66.7% #EDD0DF	RGB 237 208 223	#EDD0DF
83.3%	83.3% #F6D0E9	RGB 246 208 233	#F6D0E9
100.0%	100.0% #FFD1F5	RGB 255 209 245	#FFD1F5

#C9C8C8 #D2CACB #DBCDD0 #E4CED7 #EDD0DF #F6D0E9 #FFD1F5

#C9C8C8 - #E4CED7 - #FFD1F5

CSS codes

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

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