#CFC7E4 - #FFEEDC | 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 #CFC7E4 to #FFEEDC

#CFC7E4 #FFEEDC

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

#CFC7E4 - #FFEEDC | 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 #CFC7E4 as 0% and #FFEEDC as 100%.

0.0%	0.0% #CFC7E4	RGB 207 199 228	#CFC7E4
16.7%	16.7% #D7CDE2	RGB 215 205 226	#D7CDE2
33.3%	33.3% #DFD4E1	RGB 223 212 225	#DFD4E1
50.0%	50.0% #E7DAE0	RGB 231 218 224	#E7DAE0
66.7%	66.7% #EFE1DE	RGB 239 225 222	#EFE1DE
83.3%	83.3% #F7E7DD	RGB 247 231 221	#F7E7DD
100.0%	100.0% #FFEEDC	RGB 255 238 220	#FFEEDC

#CFC7E4 #D7CDE2 #DFD4E1 #E7DAE0 #EFE1DE #F7E7DD #FFEEDC

#CFC7E4 - #FFEEDC

HSV Blend

#CFC7E4 - #FFEEDC | 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 #CFC7E4 as 0% and #FFEEDC as 100%.

0.0%	0.0% #CFC7E4	RGB 207 199 228	#CFC7E4
16.7%	16.7% #DDCAE8	RGB 221 202 232	#DDCAE8
33.3%	33.3% #EDCEEC	RGB 237 206 236	#EDCEEC
50.0%	50.0% #F1D1E4	RGB 241 209 228	#F1D1E4
66.7%	66.7% #F6D5DC	RGB 246 213 220	#F6D5DC
83.3%	83.3% #FADDD8	RGB 250 221 216	#FADDD8
100.0%	100.0% #FFEEDC	RGB 255 238 220	#FFEEDC

#CFC7E4 #DDCAE8 #EDCEEC #F1D1E4 #F6D5DC #FADDD8 #FFEEDC

#CFC7E4 - #F1D1E4 - #FFEEDC

CSS codes

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

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