#CDC7DA - #FFECD3 | 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 #CDC7DA to #FFECD3

#CDC7DA #FFECD3

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

#CDC7DA - #FFECD3 | 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 #CDC7DA as 0% and #FFECD3 as 100%.

0.0%	0.0% #CDC7DA	RGB 205 199 218	#CDC7DA
16.7%	16.7% #D5CDD8	RGB 213 205 216	#D5CDD8
33.3%	33.3% #DDD3D7	RGB 221 211 215	#DDD3D7
50.0%	50.0% #E6D9D6	RGB 230 217 214	#E6D9D6
66.7%	66.7% #EEDFD5	RGB 238 223 213	#EEDFD5
83.3%	83.3% #F6E5D4	RGB 246 229 212	#F6E5D4
100.0%	100.0% #FFECD3	RGB 255 236 211	#FFECD3

#CDC7DA #D5CDD8 #DDD3D7 #E6D9D6 #EEDFD5 #F6E5D4 #FFECD3

#CDC7DA - #FFECD3

HSV Blend

#CDC7DA - #FFECD3 | 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 #CDC7DA as 0% and #FFECD3 as 100%.

0.0%	0.0% #CDC7DA	RGB 205 199 218	#CDC7DA
16.7%	16.7% #D9C9E0	RGB 217 201 224	#D9C9E0
33.3%	33.3% #E6CBE4	RGB 230 203 228	#E6CBE4
50.0%	50.0% #ECCDDE	RGB 236 205 222	#ECCDDE
66.7%	66.7% #F2CFD6	RGB 242 207 214	#F2CFD6
83.3%	83.3% #F8D9D1	RGB 248 217 209	#F8D9D1
100.0%	100.0% #FFECD3	RGB 255 236 211	#FFECD3

#CDC7DA #D9C9E0 #E6CBE4 #ECCDDE #F2CFD6 #F8D9D1 #FFECD3

#CDC7DA - #ECCDDE - #FFECD3

CSS codes

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

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