#CEDACC - #E5DEE1 | 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 #CEDACC to #E5DEE1

#CEDACC #E5DEE1

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

#CEDACC - #E5DEE1 | 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 #CEDACC as 0% and #E5DEE1 as 100%.

0.0%	0.0% #CEDACC	RGB 206 218 204	#CEDACC
16.7%	16.7% #D1DACF	RGB 209 218 207	#D1DACF
33.3%	33.3% #D5DBD3	RGB 213 219 211	#D5DBD3
50.0%	50.0% #D9DCD6	RGB 217 220 214	#D9DCD6
66.7%	66.7% #DDDCDA	RGB 221 220 218	#DDDCDA
83.3%	83.3% #E1DDDD	RGB 225 221 221	#E1DDDD
100.0%	100.0% #E5DEE1	RGB 229 222 225	#E5DEE1

#CEDACC #D1DACF #D5DBD3 #D9DCD6 #DDDCDA #E1DDDD #E5DEE1

#CEDACC - #E5DEE1

HSV Blend

#CEDACC - #E5DEE1 | 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 #CEDACC as 0% and #E5DEE1 as 100%.

0.0%	0.0% #CEDACC	RGB 206 218 204	#CEDACC
16.7%	16.7% #D5DBCE	RGB 213 219 206	#D5DBCE
33.3%	33.3% #DCDDD1	RGB 220 221 209	#DCDDD1
50.0%	50.0% #DFDCD4	RGB 223 220 212	#DFDCD4
66.7%	66.7% #E1DBD7	RGB 225 219 215	#E1DBD7
83.3%	83.3% #E3DADB	RGB 227 218 219	#E3DADB
100.0%	100.0% #E5DEE1	RGB 229 222 225	#E5DEE1

#CEDACC #D5DBCE #DCDDD1 #DFDCD4 #E1DBD7 #E3DADB #E5DEE1

#CEDACC - #DFDCD4 - #E5DEE1

CSS codes

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

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