#CFBDF0 - #FFEDE5 | 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 #CFBDF0 to #FFEDE5

#CFBDF0 #FFEDE5

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

#CFBDF0 - #FFEDE5 | 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 #CFBDF0 as 0% and #FFEDE5 as 100%.

0.0%	0.0% #CFBDF0	RGB 207 189 240	#CFBDF0
16.7%	16.7% #D7C5EE	RGB 215 197 238	#D7C5EE
33.3%	33.3% #DFCDEC	RGB 223 205 236	#DFCDEC
50.0%	50.0% #E7D5EA	RGB 231 213 234	#E7D5EA
66.7%	66.7% #EFDDE8	RGB 239 221 232	#EFDDE8
83.3%	83.3% #F7E5E6	RGB 247 229 230	#F7E5E6
100.0%	100.0% #FFEDE5	RGB 255 237 229	#FFEDE5

#CFBDF0 #D7C5EE #DFCDEC #E7D5EA #EFDDE8 #F7E5E6 #FFEDE5

#CFBDF0 - #FFEDE5

HSV Blend

#CFBDF0 - #FFEDE5 | 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 #CFBDF0 as 0% and #FFEDE5 as 100%.

0.0%	0.0% #CFBDF0	RGB 207 189 240	#CFBDF0
16.7%	16.7% #E3C3F2	RGB 227 195 242	#E3C3F2
33.3%	33.3% #F5C9F4	RGB 245 201 244	#F5C9F4
50.0%	50.0% #F7D0EA	RGB 247 208 234	#F7D0EA
66.7%	66.7% #FAD7E3	RGB 250 215 227	#FAD7E3
83.3%	83.3% #FCDEDE	RGB 252 222 222	#FCDEDE
100.0%	100.0% #FFEDE5	RGB 255 237 229	#FFEDE5

#CFBDF0 #E3C3F2 #F5C9F4 #F7D0EA #FAD7E3 #FCDEDE #FFEDE5

#CFBDF0 - #F7D0EA - #FFEDE5

CSS codes

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

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