#CFCDD1 - #FFE4FB | 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 #CFCDD1 to #FFE4FB

#CFCDD1 #FFE4FB

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

#CFCDD1 - #FFE4FB | 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 #CFCDD1 as 0% and #FFE4FB as 100%.

0.0%	0.0% #CFCDD1	RGB 207 205 209	#CFCDD1
16.7%	16.7% #D7D0D8	RGB 215 208 216	#D7D0D8
33.3%	33.3% #DFD4DF	RGB 223 212 223	#DFD4DF
50.0%	50.0% #E7D8E6	RGB 231 216 230	#E7D8E6
66.7%	66.7% #EFDCED	RGB 239 220 237	#EFDCED
83.3%	83.3% #F7E0F4	RGB 247 224 244	#F7E0F4
100.0%	100.0% #FFE4FB	RGB 255 228 251	#FFE4FB

#CFCDD1 #D7D0D8 #DFD4DF #E7D8E6 #EFDCED #F7E0F4 #FFE4FB

#CFCDD1 - #FFE4FB

HSV Blend

#CFCDD1 - #FFE4FB | 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 #CFCDD1 as 0% and #FFE4FB as 100%.

0.0%	0.0% #CFCDD1	RGB 207 205 209	#CFCDD1
16.7%	16.7% #D5D1D8	RGB 213 209 216	#D5D1D8
33.3%	33.3% #DDD5E0	RGB 221 213 224	#DDD5E0
50.0%	50.0% #E5D9E8	RGB 229 217 232	#E5D9E8
66.7%	66.7% #EEDDEF	RGB 238 221 239	#EEDDEF
83.3%	83.3% #F7E0F6	RGB 247 224 246	#F7E0F6
100.0%	100.0% #FFE4FB	RGB 255 228 251	#FFE4FB

#CFCDD1 #D5D1D8 #DDD5E0 #E5D9E8 #EEDDEF #F7E0F6 #FFE4FB

#CFCDD1 - #E5D9E8 - #FFE4FB

CSS codes

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

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