#C8BCC4 - #FFCFEC | 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 #C8BCC4 to #FFCFEC

#C8BCC4 #FFCFEC

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

#C8BCC4 - #FFCFEC | 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 #C8BCC4 as 0% and #FFCFEC as 100%.

0.0%	0.0% #C8BCC4	RGB 200 188 196	#C8BCC4
16.7%	16.7% #D1BFCA	RGB 209 191 202	#D1BFCA
33.3%	33.3% #DAC2D1	RGB 218 194 209	#DAC2D1
50.0%	50.0% #E3C5D8	RGB 227 197 216	#E3C5D8
66.7%	66.7% #ECC8DE	RGB 236 200 222	#ECC8DE
83.3%	83.3% #F5CBE5	RGB 245 203 229	#F5CBE5
100.0%	100.0% #FFCFEC	RGB 255 207 236	#FFCFEC

#C8BCC4 #D1BFCA #DAC2D1 #E3C5D8 #ECC8DE #F5CBE5 #FFCFEC

#C8BCC4 - #FFCFEC

HSV Blend

#C8BCC4 - #FFCFEC | 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 #C8BCC4 as 0% and #FFCFEC as 100%.

0.0%	0.0% #C8BCC4	RGB 200 188 196	#C8BCC4
16.7%	16.7% #D1C0CB	RGB 209 192 203	#D1C0CB
33.3%	33.3% #DAC3D2	RGB 218 195 210	#DAC3D2
50.0%	50.0% #E3C7D9	RGB 227 199 217	#E3C7D9
66.7%	66.7% #ECCADF	RGB 236 202 223	#ECCADF
83.3%	83.3% #F5CCE6	RGB 245 204 230	#F5CCE6
100.0%	100.0% #FFCFEC	RGB 255 207 236	#FFCFEC

#C8BCC4 #D1C0CB #DAC3D2 #E3C7D9 #ECCADF #F5CCE6 #FFCFEC

#C8BCC4 - #E3C7D9 - #FFCFEC

CSS codes

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

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