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

#CEC4C9 #FFCFF9

Calculate the color between two colors, #CEC4C9 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)

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

0.0%	0.0% #CEC4C9	RGB 206 196 201	#CEC4C9
16.7%	16.7% #D6C5D1	RGB 214 197 209	#D6C5D1
33.3%	33.3% #DEC7D9	RGB 222 199 217	#DEC7D9
50.0%	50.0% #E6C9E1	RGB 230 201 225	#E6C9E1
66.7%	66.7% #EECBE9	RGB 238 203 233	#EECBE9
83.3%	83.3% #F6CDF1	RGB 246 205 241	#F6CDF1
100.0%	100.0% #FFCFF9	RGB 255 207 249	#FFCFF9

#CEC4C9 #D6C5D1 #DEC7D9 #E6C9E1 #EECBE9 #F6CDF1 #FFCFF9

#CEC4C9 - #FFCFF9

HSV Blend

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

0.0%	0.0% #CEC4C9	RGB 206 196 201	#CEC4C9
16.7%	16.7% #D6C6CF	RGB 214 198 207	#D6C6CF
33.3%	33.3% #DEC9D6	RGB 222 201 214	#DEC9D6
50.0%	50.0% #E6CBDD	RGB 230 203 221	#E6CBDD
66.7%	66.7% #EECCE6	RGB 238 204 230	#EECCE6
83.3%	83.3% #F6CEEF	RGB 246 206 239	#F6CEEF
100.0%	100.0% #FFCFF9	RGB 255 207 249	#FFCFF9

#CEC4C9 #D6C6CF #DEC9D6 #E6CBDD #EECCE6 #F6CEEF #FFCFF9

#CEC4C9 - #E6CBDD - #FFCFF9

CSS codes

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

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