#C4DACE - #F4D4FF | 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 #C4DACE to #F4D4FF

#C4DACE #F4D4FF

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

#C4DACE - #F4D4FF | 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 #C4DACE as 0% and #F4D4FF as 100%.

0.0%	0.0% #C4DACE	RGB 196 218 206	#C4DACE
16.7%	16.7% #CCD9D6	RGB 204 217 214	#CCD9D6
33.3%	33.3% #D4D8DE	RGB 212 216 222	#D4D8DE
50.0%	50.0% #DCD7E6	RGB 220 215 230	#DCD7E6
66.7%	66.7% #E4D6EE	RGB 228 214 238	#E4D6EE
83.3%	83.3% #ECD5F6	RGB 236 213 246	#ECD5F6
100.0%	100.0% #F4D4FF	RGB 244 212 255	#F4D4FF

#C4DACE #CCD9D6 #D4D8DE #DCD7E6 #E4D6EE #ECD5F6 #F4D4FF

#C4DACE - #F4D4FF

HSV Blend

#C4DACE - #F4D4FF | 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 #C4DACE as 0% and #F4D4FF as 100%.

0.0%	0.0% #C4DACE	RGB 196 218 206	#C4DACE
16.7%	16.7% #C7E0DC	RGB 199 224 220	#C7E0DC
33.3%	33.3% #C9E0E6	RGB 201 224 230	#C9E0E6
50.0%	50.0% #CCD9EC	RGB 204 217 236	#CCD9EC
66.7%	66.7% #CFCFF2	RGB 207 207 242	#CFCFF2
83.3%	83.3% #DFD1F8	RGB 223 209 248	#DFD1F8
100.0%	100.0% #F4D4FF	RGB 244 212 255	#F4D4FF

#C4DACE #C7E0DC #C9E0E6 #CCD9EC #CFCFF2 #DFD1F8 #F4D4FF

#C4DACE - #CCD9EC - #F4D4FF

CSS codes

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

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