#CFD3CD - #E5D4C5 | 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 #CFD3CD to #E5D4C5

#CFD3CD #E5D4C5

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

#CFD3CD - #E5D4C5 | 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 #CFD3CD as 0% and #E5D4C5 as 100%.

0.0%	0.0% #CFD3CD	RGB 207 211 205	#CFD3CD
16.7%	16.7% #D2D3CB	RGB 210 211 203	#D2D3CB
33.3%	33.3% #D6D3CA	RGB 214 211 202	#D6D3CA
50.0%	50.0% #DAD3C9	RGB 218 211 201	#DAD3C9
66.7%	66.7% #DDD3C7	RGB 221 211 199	#DDD3C7
83.3%	83.3% #E1D3C6	RGB 225 211 198	#E1D3C6
100.0%	100.0% #E5D4C5	RGB 229 212 197	#E5D4C5

#CFD3CD #D2D3CB #D6D3CA #DAD3C9 #DDD3C7 #E1D3C6 #E5D4C5

#CFD3CD - #E5D4C5

HSV Blend

#CFD3CD - #E5D4C5 | 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 #CFD3CD as 0% and #E5D4C5 as 100%.

0.0%	0.0% #CFD3CD	RGB 207 211 205	#CFD3CD
16.7%	16.7% #D1D6CB	RGB 209 214 203	#D1D6CB
33.3%	33.3% #D5D9CA	RGB 213 217 202	#D5D9CA
50.0%	50.0% #DADCC9	RGB 218 220 201	#DADCC9
66.7%	66.7% #DFDBC8	RGB 223 219 200	#DFDBC8
83.3%	83.3% #E2D8C6	RGB 226 216 198	#E2D8C6
100.0%	100.0% #E5D4C5	RGB 229 212 197	#E5D4C5

#CFD3CD #D1D6CB #D5D9CA #DADCC9 #DFDBC8 #E2D8C6 #E5D4C5

#CFD3CD - #DADCC9 - #E5D4C5

CSS codes

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

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