#FFCEF9 - #DBD6EC | 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 #FFCEF9 to #DBD6EC

#FFCEF9 #DBD6EC

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

#FFCEF9 - #DBD6EC | 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 #FFCEF9 as 0% and #DBD6EC as 100%.

0.0%	0.0% #FFCEF9	RGB 255 206 249	#FFCEF9
16.7%	16.7% #F9CFF6	RGB 249 207 246	#F9CFF6
33.3%	33.3% #F3D0F4	RGB 243 208 244	#F3D0F4
50.0%	50.0% #EDD2F2	RGB 237 210 242	#EDD2F2
66.7%	66.7% #E7D3F0	RGB 231 211 240	#E7D3F0
83.3%	83.3% #E1D4EE	RGB 225 212 238	#E1D4EE
100.0%	100.0% #DBD6EC	RGB 219 214 236	#DBD6EC

#FFCEF9 #F9CFF6 #F3D0F4 #EDD2F2 #E7D3F0 #E1D4EE #DBD6EC

#FFCEF9 - #DBD6EC

HSV Blend

#FFCEF9 - #DBD6EC | 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 #FFCEF9 as 0% and #DBD6EC as 100%.

0.0%	0.0% #FFCEF9	RGB 255 206 249	#FFCEF9
16.7%	16.7% #FACFFB	RGB 250 207 251	#FACFFB
33.3%	33.3% #F1D1F8	RGB 241 209 248	#F1D1F8
50.0%	50.0% #EAD2F5	RGB 234 210 245	#EAD2F5
66.7%	66.7% #E3D3F2	RGB 227 211 242	#E3D3F2
83.3%	83.3% #DED4EF	RGB 222 212 239	#DED4EF
100.0%	100.0% #DBD6EC	RGB 219 214 236	#DBD6EC

#FFCEF9 #FACFFB #F1D1F8 #EAD2F5 #E3D3F2 #DED4EF #DBD6EC

#FFCEF9 - #EAD2F5 - #DBD6EC

CSS codes

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

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