#CFC8ED - #D4DEE8 | 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 #CFC8ED to #D4DEE8

#CFC8ED #D4DEE8

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

#CFC8ED - #D4DEE8 | 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 #CFC8ED as 0% and #D4DEE8 as 100%.

0.0%	0.0% #CFC8ED	RGB 207 200 237	#CFC8ED
16.7%	16.7% #CFCBEC	RGB 207 203 236	#CFCBEC
33.3%	33.3% #D0CFEB	RGB 208 207 235	#D0CFEB
50.0%	50.0% #D1D3EA	RGB 209 211 234	#D1D3EA
66.7%	66.7% #D2D6E9	RGB 210 214 233	#D2D6E9
83.3%	83.3% #D3DAE8	RGB 211 218 232	#D3DAE8
100.0%	100.0% #D4DEE8	RGB 212 222 232	#D4DEE8

#CFC8ED #CFCBEC #D0CFEB #D1D3EA #D2D6E9 #D3DAE8 #D4DEE8

#CFC8ED - #D4DEE8

HSV Blend

#CFC8ED - #D4DEE8 | 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 #CFC8ED as 0% and #D4DEE8 as 100%.

0.0%	0.0% #CFC8ED	RGB 207 200 237	#CFC8ED
16.7%	16.7% #CCCAEC	RGB 204 202 236	#CCCAEC
33.3%	33.3% #CCCDEB	RGB 204 205 235	#CCCDEB
50.0%	50.0% #CED2EA	RGB 206 210 234	#CED2EA
66.7%	66.7% #D0D6E9	RGB 208 214 233	#D0D6E9
83.3%	83.3% #D2DAE8	RGB 210 218 232	#D2DAE8
100.0%	100.0% #D4DEE8	RGB 212 222 232	#D4DEE8

#CFC8ED #CCCAEC #CCCDEB #CED2EA #D0D6E9 #D2DAE8 #D4DEE8

#CFC8ED - #CED2EA - #D4DEE8

CSS codes

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

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