#C9C7CA - #FFDAFB | 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 #C9C7CA to #FFDAFB

#C9C7CA #FFDAFB

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

#C9C7CA - #FFDAFB | 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 #C9C7CA as 0% and #FFDAFB as 100%.

0.0%	0.0% #C9C7CA	RGB 201 199 202	#C9C7CA
16.7%	16.7% #D2CAD2	RGB 210 202 210	#D2CAD2
33.3%	33.3% #DBCDDA	RGB 219 205 218	#DBCDDA
50.0%	50.0% #E4D0E2	RGB 228 208 226	#E4D0E2
66.7%	66.7% #EDD3EA	RGB 237 211 234	#EDD3EA
83.3%	83.3% #F6D6F2	RGB 246 214 242	#F6D6F2
100.0%	100.0% #FFDAFB	RGB 255 218 251	#FFDAFB

#C9C7CA #D2CAD2 #DBCDDA #E4D0E2 #EDD3EA #F6D6F2 #FFDAFB

#C9C7CA - #FFDAFB

HSV Blend

#C9C7CA - #FFDAFB | 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 #C9C7CA as 0% and #FFDAFB as 100%.

0.0%	0.0% #C9C7CA	RGB 201 199 202	#C9C7CA
16.7%	16.7% #D0CBD2	RGB 208 203 210	#D0CBD2
33.3%	33.3% #D9CEDB	RGB 217 206 219	#D9CEDB
50.0%	50.0% #E2D2E4	RGB 226 210 228	#E2D2E4
66.7%	66.7% #ECD5ED	RGB 236 213 237	#ECD5ED
83.3%	83.3% #F6D7F5	RGB 246 215 245	#F6D7F5
100.0%	100.0% #FFDAFB	RGB 255 218 251	#FFDAFB

#C9C7CA #D0CBD2 #D9CEDB #E2D2E4 #ECD5ED #F6D7F5 #FFDAFB

#C9C7CA - #E2D2E4 - #FFDAFB

CSS codes

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

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