#CCDFCC - #ECEED0 | 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 #CCDFCC to #ECEED0

#CCDFCC #ECEED0

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

#CCDFCC - #ECEED0 | 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 #CCDFCC as 0% and #ECEED0 as 100%.

0.0%	0.0% #CCDFCC	RGB 204 223 204	#CCDFCC
16.7%	16.7% #D1E1CC	RGB 209 225 204	#D1E1CC
33.3%	33.3% #D6E4CD	RGB 214 228 205	#D6E4CD
50.0%	50.0% #DCE6CE	RGB 220 230 206	#DCE6CE
66.7%	66.7% #E1E9CE	RGB 225 233 206	#E1E9CE
83.3%	83.3% #E6EBCF	RGB 230 235 207	#E6EBCF
100.0%	100.0% #ECEED0	RGB 236 238 208	#ECEED0

#CCDFCC #D1E1CC #D6E4CD #DCE6CE #E1E9CE #E6EBCF #ECEED0

#CCDFCC - #ECEED0

HSV Blend

#CCDFCC - #ECEED0 | 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 #CCDFCC as 0% and #ECEED0 as 100%.

0.0%	0.0% #CCDFCC	RGB 204 223 204	#CCDFCC
16.7%	16.7% #CFE1CC	RGB 207 225 204	#CFE1CC
33.3%	33.3% #D4E4CD	RGB 212 228 205	#D4E4CD
50.0%	50.0% #D9E6CE	RGB 217 230 206	#D9E6CE
66.7%	66.7% #DFE9CE	RGB 223 233 206	#DFE9CE
83.3%	83.3% #E5EBCF	RGB 229 235 207	#E5EBCF
100.0%	100.0% #ECEED0	RGB 236 238 208	#ECEED0

#CCDFCC #CFE1CC #D4E4CD #D9E6CE #DFE9CE #E5EBCF #ECEED0

#CCDFCC - #D9E6CE - #ECEED0

CSS codes

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

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