#CFCCCE - #FFDAFB | 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 #CFCCCE to #FFDAFB

#CFCCCE #FFDAFB

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

#CFCCCE - #FFDAFB | 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 #CFCCCE as 0% and #FFDAFB as 100%.

0.0%	0.0% #CFCCCE	RGB 207 204 206	#CFCCCE
16.7%	16.7% #D7CED5	RGB 215 206 213	#D7CED5
33.3%	33.3% #DFD0DD	RGB 223 208 221	#DFD0DD
50.0%	50.0% #E7D3E4	RGB 231 211 228	#E7D3E4
66.7%	66.7% #EFD5EC	RGB 239 213 236	#EFD5EC
83.3%	83.3% #F7D7F3	RGB 247 215 243	#F7D7F3
100.0%	100.0% #FFDAFB	RGB 255 218 251	#FFDAFB

#CFCCCE #D7CED5 #DFD0DD #E7D3E4 #EFD5EC #F7D7F3 #FFDAFB

#CFCCCE - #FFDAFB

HSV Blend

#CFCCCE - #FFDAFB | 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 #CFCCCE as 0% and #FFDAFB as 100%.

0.0%	0.0% #CFCCCE	RGB 207 204 206	#CFCCCE
16.7%	16.7% #D7CFD4	RGB 215 207 212	#D7CFD4
33.3%	33.3% #DFD2DB	RGB 223 210 219	#DFD2DB
50.0%	50.0% #E7D4E2	RGB 231 212 226	#E7D4E2
66.7%	66.7% #EFD6EA	RGB 239 214 234	#EFD6EA
83.3%	83.3% #F7D8F2	RGB 247 216 242	#F7D8F2
100.0%	100.0% #FFDAFB	RGB 255 218 251	#FFDAFB

#CFCCCE #D7CFD4 #DFD2DB #E7D4E2 #EFD6EA #F7D8F2 #FFDAFB

#CFCCCE - #E7D4E2 - #FFDAFB

CSS codes

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

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