#CDD9CD - #E8EDD2 | 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 #CDD9CD to #E8EDD2

#CDD9CD #E8EDD2

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

#CDD9CD - #E8EDD2 | 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 #CDD9CD as 0% and #E8EDD2 as 100%.

0.0%	0.0% #CDD9CD	RGB 205 217 205	#CDD9CD
16.7%	16.7% #D1DCCD	RGB 209 220 205	#D1DCCD
33.3%	33.3% #D6DFCE	RGB 214 223 206	#D6DFCE
50.0%	50.0% #DAE3CF	RGB 218 227 207	#DAE3CF
66.7%	66.7% #DFE6D0	RGB 223 230 208	#DFE6D0
83.3%	83.3% #E3E9D1	RGB 227 233 209	#E3E9D1
100.0%	100.0% #E8EDD2	RGB 232 237 210	#E8EDD2

#CDD9CD #D1DCCD #D6DFCE #DAE3CF #DFE6D0 #E3E9D1 #E8EDD2

#CDD9CD - #E8EDD2

HSV Blend

#CDD9CD - #E8EDD2 | 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 #CDD9CD as 0% and #E8EDD2 as 100%.

0.0%	0.0% #CDD9CD	RGB 205 217 205	#CDD9CD
16.7%	16.7% #CFDCCD	RGB 207 220 205	#CFDCCD
33.3%	33.3% #D3DFCE	RGB 211 223 206	#D3DFCE
50.0%	50.0% #D7E3CF	RGB 215 227 207	#D7E3CF
66.7%	66.7% #DCE6D0	RGB 220 230 208	#DCE6D0
83.3%	83.3% #E1E9D1	RGB 225 233 209	#E1E9D1
100.0%	100.0% #E8EDD2	RGB 232 237 210	#E8EDD2

#CDD9CD #CFDCCD #D3DFCE #D7E3CF #DCE6D0 #E1E9D1 #E8EDD2

#CDD9CD - #D7E3CF - #E8EDD2

CSS codes

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

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