#CFCDCE - #FFD6FB | 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 #CFCDCE to #FFD6FB

#CFCDCE #FFD6FB

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

#CFCDCE - #FFD6FB | 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 #CFCDCE as 0% and #FFD6FB as 100%.

0.0%	0.0% #CFCDCE	RGB 207 205 206	#CFCDCE
16.7%	16.7% #D7CED5	RGB 215 206 213	#D7CED5
33.3%	33.3% #DFD0DD	RGB 223 208 221	#DFD0DD
50.0%	50.0% #E7D1E4	RGB 231 209 228	#E7D1E4
66.7%	66.7% #EFD3EC	RGB 239 211 236	#EFD3EC
83.3%	83.3% #F7D4F3	RGB 247 212 243	#F7D4F3
100.0%	100.0% #FFD6FB	RGB 255 214 251	#FFD6FB

#CFCDCE #D7CED5 #DFD0DD #E7D1E4 #EFD3EC #F7D4F3 #FFD6FB

#CFCDCE - #FFD6FB

HSV Blend

#CFCDCE - #FFD6FB | 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 #CFCDCE as 0% and #FFD6FB as 100%.

0.0%	0.0% #CFCDCE	RGB 207 205 206	#CFCDCE
16.7%	16.7% #D7CFD3	RGB 215 207 211	#D7CFD3
33.3%	33.3% #DFD1DA	RGB 223 209 218	#DFD1DA
50.0%	50.0% #E7D3E1	RGB 231 211 225	#E7D3E1
66.7%	66.7% #EFD4E8	RGB 239 212 232	#EFD4E8
83.3%	83.3% #F7D5F1	RGB 247 213 241	#F7D5F1
100.0%	100.0% #FFD6FB	RGB 255 214 251	#FFD6FB

#CFCDCE #D7CFD3 #DFD1DA #E7D3E1 #EFD4E8 #F7D5F1 #FFD6FB

#CFCDCE - #E7D3E1 - #FFD6FB

CSS codes

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

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