#C8D1CD - #FFCFFA | 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 #C8D1CD to #FFCFFA

#C8D1CD #FFCFFA

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

#C8D1CD - #FFCFFA | 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 #C8D1CD as 0% and #FFCFFA as 100%.

0.0%	0.0% #C8D1CD	RGB 200 209 205	#C8D1CD
16.7%	16.7% #D1D0D4	RGB 209 208 212	#D1D0D4
33.3%	33.3% #DAD0DC	RGB 218 208 220	#DAD0DC
50.0%	50.0% #E3D0E3	RGB 227 208 227	#E3D0E3
66.7%	66.7% #ECCFEB	RGB 236 207 235	#ECCFEB
83.3%	83.3% #F5CFF2	RGB 245 207 242	#F5CFF2
100.0%	100.0% #FFCFFA	RGB 255 207 250	#FFCFFA

#C8D1CD #D1D0D4 #DAD0DC #E3D0E3 #ECCFEB #F5CFF2 #FFCFFA

#C8D1CD - #FFCFFA

HSV Blend

#C8D1CD - #FFCFFA | 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 #C8D1CD as 0% and #FFCFFA as 100%.

0.0%	0.0% #C8D1CD	RGB 200 209 205	#C8D1CD
16.7%	16.7% #CAD8D8	RGB 202 216 216	#CAD8D8
33.3%	33.3% #CBD8E0	RGB 203 216 224	#CBD8E0
50.0%	50.0% #CDD1E8	RGB 205 209 232	#CDD1E8
66.7%	66.7% #D6CEEF	RGB 214 206 239	#D6CEEF
83.3%	83.3% #EACEF7	RGB 234 206 247	#EACEF7
100.0%	100.0% #FFCFFA	RGB 255 207 250	#FFCFFA

#C8D1CD #CAD8D8 #CBD8E0 #CDD1E8 #D6CEEF #EACEF7 #FFCFFA

#C8D1CD - #CDD1E8 - #FFCFFA

CSS codes

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

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