#CFCBDF - #FFEED9 | 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 #CFCBDF to #FFEED9

#CFCBDF #FFEED9

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

#CFCBDF - #FFEED9 | 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 #CFCBDF as 0% and #FFEED9 as 100%.

0.0%	0.0% #CFCBDF	RGB 207 203 223	#CFCBDF
16.7%	16.7% #D7D0DE	RGB 215 208 222	#D7D0DE
33.3%	33.3% #DFD6DD	RGB 223 214 221	#DFD6DD
50.0%	50.0% #E7DCDC	RGB 231 220 220	#E7DCDC
66.7%	66.7% #EFE2DB	RGB 239 226 219	#EFE2DB
83.3%	83.3% #F7E8DA	RGB 247 232 218	#F7E8DA
100.0%	100.0% #FFEED9	RGB 255 238 217	#FFEED9

#CFCBDF #D7D0DE #DFD6DD #E7DCDC #EFE2DB #F7E8DA #FFEED9

#CFCBDF - #FFEED9

HSV Blend

#CFCBDF - #FFEED9 | 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 #CFCBDF as 0% and #FFEED9 as 100%.

0.0%	0.0% #CFCBDF	RGB 207 203 223	#CFCBDF
16.7%	16.7% #DBCDE4	RGB 219 205 228	#DBCDE4
33.3%	33.3% #E9D0E9	RGB 233 208 233	#E9D0E9
50.0%	50.0% #EFD2E4	RGB 239 210 228	#EFD2E4
66.7%	66.7% #F4D4DC	RGB 244 212 220	#F4D4DC
83.3%	83.3% #F9DCD6	RGB 249 220 214	#F9DCD6
100.0%	100.0% #FFEED9	RGB 255 238 217	#FFEED9

#CFCBDF #DBCDE4 #E9D0E9 #EFD2E4 #F4D4DC #F9DCD6 #FFEED9

#CFCBDF - #EFD2E4 - #FFEED9

CSS codes

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

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