#CFC7CF - #FFDBFE | 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 #CFC7CF to #FFDBFE

#CFC7CF #FFDBFE

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

#CFC7CF - #FFDBFE | 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 #CFC7CF as 0% and #FFDBFE as 100%.

0.0%	0.0% #CFC7CF	RGB 207 199 207	#CFC7CF
16.7%	16.7% #D7CAD6	RGB 215 202 214	#D7CAD6
33.3%	33.3% #DFCDDE	RGB 223 205 222	#DFCDDE
50.0%	50.0% #E7D1E6	RGB 231 209 230	#E7D1E6
66.7%	66.7% #EFD4EE	RGB 239 212 238	#EFD4EE
83.3%	83.3% #F7D7F6	RGB 247 215 246	#F7D7F6
100.0%	100.0% #FFDBFE	RGB 255 219 254	#FFDBFE

#CFC7CF #D7CAD6 #DFCDDE #E7D1E6 #EFD4EE #F7D7F6 #FFDBFE

#CFC7CF - #FFDBFE

HSV Blend

#CFC7CF - #FFDBFE | 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 #CFC7CF as 0% and #FFDBFE as 100%.

0.0%	0.0% #CFC7CF	RGB 207 199 207	#CFC7CF
16.7%	16.7% #D7CBD6	RGB 215 203 214	#D7CBD6
33.3%	33.3% #DFCEDE	RGB 223 206 222	#DFCEDE
50.0%	50.0% #E7D2E6	RGB 231 210 230	#E7D2E6
66.7%	66.7% #EFD5EE	RGB 239 213 238	#EFD5EE
83.3%	83.3% #F7D8F6	RGB 247 216 246	#F7D8F6
100.0%	100.0% #FFDBFE	RGB 255 219 254	#FFDBFE

#CFC7CF #D7CBD6 #DFCEDE #E7D2E6 #EFD5EE #F7D8F6 #FFDBFE

#CFC7CF - #E7D2E6 - #FFDBFE

CSS codes

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

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