#CCC7CF - #FBDBFF | 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 #CCC7CF to #FBDBFF

#CCC7CF #FBDBFF

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

#CCC7CF - #FBDBFF | 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 #CCC7CF as 0% and #FBDBFF as 100%.

0.0%	0.0% #CCC7CF	RGB 204 199 207	#CCC7CF
16.7%	16.7% #D3CAD7	RGB 211 202 215	#D3CAD7
33.3%	33.3% #DBCDDF	RGB 219 205 223	#DBCDDF
50.0%	50.0% #E3D1E7	RGB 227 209 231	#E3D1E7
66.7%	66.7% #EBD4EF	RGB 235 212 239	#EBD4EF
83.3%	83.3% #F3D7F7	RGB 243 215 247	#F3D7F7
100.0%	100.0% #FBDBFF	RGB 251 219 255	#FBDBFF

#CCC7CF #D3CAD7 #DBCDDF #E3D1E7 #EBD4EF #F3D7F7 #FBDBFF

#CCC7CF - #FBDBFF

HSV Blend

#CCC7CF - #FBDBFF | 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 #CCC7CF as 0% and #FBDBFF as 100%.

0.0%	0.0% #CCC7CF	RGB 204 199 207	#CCC7CF
16.7%	16.7% #D3CBD7	RGB 211 203 215	#D3CBD7
33.3%	33.3% #DACEDF	RGB 218 206 223	#DACEDF
50.0%	50.0% #E1D2E7	RGB 225 210 231	#E1D2E7
66.7%	66.7% #E9D5EF	RGB 233 213 239	#E9D5EF
83.3%	83.3% #F2D8F7	RGB 242 216 247	#F2D8F7
100.0%	100.0% #FBDBFF	RGB 251 219 255	#FBDBFF

#CCC7CF #D3CBD7 #DACEDF #E1D2E7 #E9D5EF #F2D8F7 #FBDBFF

#CCC7CF - #E1D2E7 - #FBDBFF

CSS codes

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

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