#CFCAE3 - #FFEFDC | 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 #CFCAE3 to #FFEFDC

#CFCAE3 #FFEFDC

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

#CFCAE3 - #FFEFDC | 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 #CFCAE3 as 0% and #FFEFDC as 100%.

0.0%	0.0% #CFCAE3	RGB 207 202 227	#CFCAE3
16.7%	16.7% #D7D0E1	RGB 215 208 225	#D7D0E1
33.3%	33.3% #DFD6E0	RGB 223 214 224	#DFD6E0
50.0%	50.0% #E7DCDF	RGB 231 220 223	#E7DCDF
66.7%	66.7% #EFE2DE	RGB 239 226 222	#EFE2DE
83.3%	83.3% #F7E8DD	RGB 247 232 221	#F7E8DD
100.0%	100.0% #FFEFDC	RGB 255 239 220	#FFEFDC

#CFCAE3 #D7D0E1 #DFD6E0 #E7DCDF #EFE2DE #F7E8DD #FFEFDC

#CFCAE3 - #FFEFDC

HSV Blend

#CFCAE3 - #FFEFDC | 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 #CFCAE3 as 0% and #FFEFDC as 100%.

0.0%	0.0% #CFCAE3	RGB 207 202 227	#CFCAE3
16.7%	16.7% #DCCDE7	RGB 220 205 231	#DCCDE7
33.3%	33.3% #EBD0EC	RGB 235 208 236	#EBD0EC
50.0%	50.0% #F1D3E5	RGB 241 211 229	#F1D3E5
66.7%	66.7% #F5D6DD	RGB 245 214 221	#F5D6DD
83.3%	83.3% #FADED9	RGB 250 222 217	#FADED9
100.0%	100.0% #FFEFDC	RGB 255 239 220	#FFEFDC

#CFCAE3 #DCCDE7 #EBD0EC #F1D3E5 #F5D6DD #FADED9 #FFEFDC

#CFCAE3 - #F1D3E5 - #FFEFDC

CSS codes

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

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