#CECEC4 - #DDFFD4 | 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 #CECEC4 to #DDFFD4

#CECEC4 #DDFFD4

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

#CECEC4 - #DDFFD4 | 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 #CECEC4 as 0% and #DDFFD4 as 100%.

0.0%	0.0% #CECEC4	RGB 206 206 196	#CECEC4
16.7%	16.7% #D0D6C6	RGB 208 214 198	#D0D6C6
33.3%	33.3% #D3DEC9	RGB 211 222 201	#D3DEC9
50.0%	50.0% #D5E6CC	RGB 213 230 204	#D5E6CC
66.7%	66.7% #D8EECE	RGB 216 238 206	#D8EECE
83.3%	83.3% #DAF6D1	RGB 218 246 209	#DAF6D1
100.0%	100.0% #DDFFD4	RGB 221 255 212	#DDFFD4

#CECEC4 #D0D6C6 #D3DEC9 #D5E6CC #D8EECE #DAF6D1 #DDFFD4

#CECEC4 - #DDFFD4

HSV Blend

#CECEC4 - #DDFFD4 | 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 #CECEC4 as 0% and #DDFFD4 as 100%.

0.0%	0.0% #CECEC4	RGB 206 206 196	#CECEC4
16.7%	16.7% #D4D6C7	RGB 212 214 199	#D4D6C7
33.3%	33.3% #D9DECA	RGB 217 222 202	#D9DECA
50.0%	50.0% #DCE6CD	RGB 220 230 205	#DCE6CD
66.7%	66.7% #DEEECF	RGB 222 238 207	#DEEECF
83.3%	83.3% #DEF6D2	RGB 222 246 210	#DEF6D2
100.0%	100.0% #DDFFD4	RGB 221 255 212	#DDFFD4

#CECEC4 #D4D6C7 #D9DECA #DCE6CD #DEEECF #DEF6D2 #DDFFD4

#CECEC4 - #DCE6CD - #DDFFD4

CSS codes

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

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