#CFC7DC - #E0E5E0 | 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 #CFC7DC to #E0E5E0

#CFC7DC #E0E5E0

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

#CFC7DC - #E0E5E0 | 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 #CFC7DC as 0% and #E0E5E0 as 100%.

0.0%	0.0% #CFC7DC	RGB 207 199 220	#CFC7DC
16.7%	16.7% #D1CCDC	RGB 209 204 220	#D1CCDC
33.3%	33.3% #D4D1DD	RGB 212 209 221	#D4D1DD
50.0%	50.0% #D7D6DE	RGB 215 214 222	#D7D6DE
66.7%	66.7% #DADBDE	RGB 218 219 222	#DADBDE
83.3%	83.3% #DDE0DF	RGB 221 224 223	#DDE0DF
100.0%	100.0% #E0E5E0	RGB 224 229 224	#E0E5E0

#CFC7DC #D1CCDC #D4D1DD #D7D6DE #DADBDE #DDE0DF #E0E5E0

#CFC7DC - #E0E5E0

HSV Blend

#CFC7DC - #E0E5E0 | 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 #CFC7DC as 0% and #E0E5E0 as 100%.

0.0%	0.0% #CFC7DC	RGB 207 199 220	#CFC7DC
16.7%	16.7% #CBCBDD	RGB 203 203 221	#CBCBDD
33.3%	33.3% #CFD5DF	RGB 207 213 223	#CFD5DF
50.0%	50.0% #D3DDE0	RGB 211 221 224	#D3DDE0
66.7%	66.7% #D7E2DF	RGB 215 226 223	#D7E2DF
83.3%	83.3% #DBE3DE	RGB 219 227 222	#DBE3DE
100.0%	100.0% #E0E5E0	RGB 224 229 224	#E0E5E0

#CFC7DC #CBCBDD #CFD5DF #D3DDE0 #D7E2DF #DBE3DE #E0E5E0

#CFC7DC - #D3DDE0 - #E0E5E0

CSS codes

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

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