#CDC7EC - #FFEFE2 | 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 #CDC7EC to #FFEFE2

#CDC7EC #FFEFE2

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

#CDC7EC - #FFEFE2 | 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 #CDC7EC as 0% and #FFEFE2 as 100%.

0.0%	0.0% #CDC7EC	RGB 205 199 236	#CDC7EC
16.7%	16.7% #D5CDEA	RGB 213 205 234	#D5CDEA
33.3%	33.3% #DDD4E8	RGB 221 212 232	#DDD4E8
50.0%	50.0% #E6DBE7	RGB 230 219 231	#E6DBE7
66.7%	66.7% #EEE1E5	RGB 238 225 229	#EEE1E5
83.3%	83.3% #F6E8E3	RGB 246 232 227	#F6E8E3
100.0%	100.0% #FFEFE2	RGB 255 239 226	#FFEFE2

#CDC7EC #D5CDEA #DDD4E8 #E6DBE7 #EEE1E5 #F6E8E3 #FFEFE2

#CDC7EC - #FFEFE2

HSV Blend

#CDC7EC - #FFEFE2 | 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 #CDC7EC as 0% and #FFEFE2 as 100%.

0.0%	0.0% #CDC7EC	RGB 205 199 236	#CDC7EC
16.7%	16.7% #DECBEF	RGB 222 203 239	#DECBEF
33.3%	33.3% #EFCFF2	RGB 239 207 242	#EFCFF2
50.0%	50.0% #F5D4EB	RGB 245 212 235	#F5D4EB
66.7%	66.7% #F8D8E2	RGB 248 216 226	#F8D8E2
83.3%	83.3% #FBDFDD	RGB 251 223 221	#FBDFDD
100.0%	100.0% #FFEFE2	RGB 255 239 226	#FFEFE2

#CDC7EC #DECBEF #EFCFF2 #F5D4EB #F8D8E2 #FBDFDD #FFEFE2

#CDC7EC - #F5D4EB - #FFEFE2

CSS codes

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

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