#CFACE6 - #FFE7DD | 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 #CFACE6 to #FFE7DD

#CFACE6 #FFE7DD

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

#CFACE6 - #FFE7DD | 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 #CFACE6 as 0% and #FFE7DD as 100%.

0.0%	0.0% #CFACE6	RGB 207 172 230	#CFACE6
16.7%	16.7% #D7B5E4	RGB 215 181 228	#D7B5E4
33.3%	33.3% #DFBFE3	RGB 223 191 227	#DFBFE3
50.0%	50.0% #E7C9E1	RGB 231 201 225	#E7C9E1
66.7%	66.7% #EFD3E0	RGB 239 211 224	#EFD3E0
83.3%	83.3% #F7DDDE	RGB 247 221 222	#F7DDDE
100.0%	100.0% #FFE7DD	RGB 255 231 221	#FFE7DD

#CFACE6 #D7B5E4 #DFBFE3 #E7C9E1 #EFD3E0 #F7DDDE #FFE7DD

#CFACE6 - #FFE7DD

HSV Blend

#CFACE6 - #FFE7DD | 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 #CFACE6 as 0% and #FFE7DD as 100%.

0.0%	0.0% #CFACE6	RGB 207 172 230	#CFACE6
16.7%	16.7% #E3B3EA	RGB 227 179 234	#E3B3EA
33.3%	33.3% #EEBBE5	RGB 238 187 229	#EEBBE5
50.0%	50.0% #F2C3DD	RGB 242 195 221	#F2C3DD
66.7%	66.7% #F6CCD7	RGB 246 204 215	#F6CCD7
83.3%	83.3% #FAD4D4	RGB 250 212 212	#FAD4D4
100.0%	100.0% #FFE7DD	RGB 255 231 221	#FFE7DD

#CFACE6 #E3B3EA #EEBBE5 #F2C3DD #F6CCD7 #FAD4D4 #FFE7DD

#CFACE6 - #F2C3DD - #FFE7DD

CSS codes

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

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