#CDD4CD - #E6DDE0 | 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 #CDD4CD to #E6DDE0

#CDD4CD #E6DDE0

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

#CDD4CD - #E6DDE0 | 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 #CDD4CD as 0% and #E6DDE0 as 100%.

0.0%	0.0% #CDD4CD	RGB 205 212 205	#CDD4CD
16.7%	16.7% #D1D5D0	RGB 209 213 208	#D1D5D0
33.3%	33.3% #D5D7D3	RGB 213 215 211	#D5D7D3
50.0%	50.0% #D9D8D6	RGB 217 216 214	#D9D8D6
66.7%	66.7% #DDDAD9	RGB 221 218 217	#DDDAD9
83.3%	83.3% #E1DBDC	RGB 225 219 220	#E1DBDC
100.0%	100.0% #E6DDE0	RGB 230 221 224	#E6DDE0

#CDD4CD #D1D5D0 #D5D7D3 #D9D8D6 #DDDAD9 #E1DBDC #E6DDE0

#CDD4CD - #E6DDE0

HSV Blend

#CDD4CD - #E6DDE0 | 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 #CDD4CD as 0% and #E6DDE0 as 100%.

0.0%	0.0% #CDD4CD	RGB 205 212 205	#CDD4CD
16.7%	16.7% #D2D7CF	RGB 210 215 207	#D2D7CF
33.3%	33.3% #D8DAD2	RGB 216 218 210	#D8DAD2
50.0%	50.0% #DDDBD5	RGB 221 219 213	#DDDBD5
66.7%	66.7% #E0DBD7	RGB 224 219 215	#E0DBD7
83.3%	83.3% #E3DADA	RGB 227 218 218	#E3DADA
100.0%	100.0% #E6DDE0	RGB 230 221 224	#E6DDE0

#CDD4CD #D2D7CF #D8DAD2 #DDDBD5 #E0DBD7 #E3DADA #E6DDE0

#CDD4CD - #DDDBD5 - #E6DDE0

CSS codes

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

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