#CCC7D3 - #FFDAEF | 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 #CCC7D3 to #FFDAEF

#CCC7D3 #FFDAEF

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

#CCC7D3 - #FFDAEF | 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 #CCC7D3 as 0% and #FFDAEF as 100%.

0.0%	0.0% #CCC7D3	RGB 204 199 211	#CCC7D3
16.7%	16.7% #D4CAD7	RGB 212 202 215	#D4CAD7
33.3%	33.3% #DDCDDC	RGB 221 205 220	#DDCDDC
50.0%	50.0% #E5D0E1	RGB 229 208 225	#E5D0E1
66.7%	66.7% #EED3E5	RGB 238 211 229	#EED3E5
83.3%	83.3% #F6D6EA	RGB 246 214 234	#F6D6EA
100.0%	100.0% #FFDAEF	RGB 255 218 239	#FFDAEF

#CCC7D3 #D4CAD7 #DDCDDC #E5D0E1 #EED3E5 #F6D6EA #FFDAEF

#CCC7D3 - #FFDAEF

HSV Blend

#CCC7D3 - #FFDAEF | 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 #CCC7D3 as 0% and #FFDAEF as 100%.

0.0%	0.0% #CCC7D3	RGB 204 199 211	#CCC7D3
16.7%	16.7% #D3CADA	RGB 211 202 218	#D3CADA
33.3%	33.3% #DCCEE1	RGB 220 206 225	#DCCEE1
50.0%	50.0% #E7D1E9	RGB 231 209 233	#E7D1E9
66.7%	66.7% #F0D4ED	RGB 240 212 237	#F0D4ED
83.3%	83.3% #F7D7EF	RGB 247 215 239	#F7D7EF
100.0%	100.0% #FFDAEF	RGB 255 218 239	#FFDAEF

#CCC7D3 #D3CADA #DCCEE1 #E7D1E9 #F0D4ED #F7D7EF #FFDAEF

#CCC7D3 - #E7D1E9 - #FFDAEF

CSS codes

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

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