#C9BBC9 - #FFCFF9 | 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 #C9BBC9 to #FFCFF9

#C9BBC9 #FFCFF9

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

#C9BBC9 - #FFCFF9 | 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 #C9BBC9 as 0% and #FFCFF9 as 100%.

0.0%	0.0% #C9BBC9	RGB 201 187 201	#C9BBC9
16.7%	16.7% #D2BED1	RGB 210 190 209	#D2BED1
33.3%	33.3% #DBC1D9	RGB 219 193 217	#DBC1D9
50.0%	50.0% #E4C5E1	RGB 228 197 225	#E4C5E1
66.7%	66.7% #EDC8E9	RGB 237 200 233	#EDC8E9
83.3%	83.3% #F6CBF1	RGB 246 203 241	#F6CBF1
100.0%	100.0% #FFCFF9	RGB 255 207 249	#FFCFF9

#C9BBC9 #D2BED1 #DBC1D9 #E4C5E1 #EDC8E9 #F6CBF1 #FFCFF9

#C9BBC9 - #FFCFF9

HSV Blend

#C9BBC9 - #FFCFF9 | 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 #C9BBC9 as 0% and #FFCFF9 as 100%.

0.0%	0.0% #C9BBC9	RGB 201 187 201	#C9BBC9
16.7%	16.7% #D2BFD1	RGB 210 191 209	#D2BFD1
33.3%	33.3% #DBC3DA	RGB 219 195 218	#DBC3DA
50.0%	50.0% #E4C6E2	RGB 228 198 226	#E4C6E2
66.7%	66.7% #EDC9EA	RGB 237 201 234	#EDC9EA
83.3%	83.3% #F6CCF1	RGB 246 204 241	#F6CCF1
100.0%	100.0% #FFCFF9	RGB 255 207 249	#FFCFF9

#C9BBC9 #D2BFD1 #DBC3DA #E4C6E2 #EDC9EA #F6CCF1 #FFCFF9

#C9BBC9 - #E4C6E2 - #FFCFF9

CSS codes

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

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