#E6CCDE - #FBFFDB | 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 #E6CCDE to #FBFFDB

#E6CCDE #FBFFDB

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

#E6CCDE - #FBFFDB | 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 #E6CCDE as 0% and #FBFFDB as 100%.

0.0%	0.0% #E6CCDE	RGB 230 204 222	#E6CCDE
16.7%	16.7% #E9D4DD	RGB 233 212 221	#E9D4DD
33.3%	33.3% #EDDDDD	RGB 237 221 221	#EDDDDD
50.0%	50.0% #F0E5DC	RGB 240 229 220	#F0E5DC
66.7%	66.7% #F4EEDC	RGB 244 238 220	#F4EEDC
83.3%	83.3% #F7F6DB	RGB 247 246 219	#F7F6DB
100.0%	100.0% #FBFFDB	RGB 251 255 219	#FBFFDB

#E6CCDE #E9D4DD #EDDDDD #F0E5DC #F4EEDC #F7F6DB #FBFFDB

#E6CCDE - #FBFFDB

HSV Blend

#E6CCDE - #FBFFDB | 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 #E6CCDE as 0% and #FBFFDB as 100%.

0.0%	0.0% #E6CCDE	RGB 230 204 222	#E6CCDE
16.7%	16.7% #EACED9	RGB 234 206 217	#EACED9
33.3%	33.3% #EED1D3	RGB 238 209 211	#EED1D3
50.0%	50.0% #F2DAD3	RGB 242 218 211	#F2DAD3
66.7%	66.7% #F6E6D6	RGB 246 230 214	#F6E6D6
83.3%	83.3% #FAF4D8	RGB 250 244 216	#FAF4D8
100.0%	100.0% #FBFFDB	RGB 251 255 219	#FBFFDB

#E6CCDE #EACED9 #EED1D3 #F2DAD3 #F6E6D6 #FAF4D8 #FBFFDB

#E6CCDE - #F2DAD3 - #FBFFDB

CSS codes

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

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