#CECC9C - #DFFEBE | 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 #CECC9C to #DFFEBE

#CECC9C #DFFEBE

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

#CECC9C - #DFFEBE | 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 #CECC9C as 0% and #DFFEBE as 100%.

0.0%	0.0% #CECC9C	RGB 206 204 156	#CECC9C
16.7%	16.7% #D0D4A1	RGB 208 212 161	#D0D4A1
33.3%	33.3% #D3DCA7	RGB 211 220 167	#D3DCA7
50.0%	50.0% #D6E5AD	RGB 214 229 173	#D6E5AD
66.7%	66.7% #D9EDB2	RGB 217 237 178	#D9EDB2
83.3%	83.3% #DCF5B8	RGB 220 245 184	#DCF5B8
100.0%	100.0% #DFFEBE	RGB 223 254 190	#DFFEBE

#CECC9C #D0D4A1 #D3DCA7 #D6E5AD #D9EDB2 #DCF5B8 #DFFEBE

#CECC9C - #DFFEBE

HSV Blend

#CECC9C - #DFFEBE | 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 #CECC9C as 0% and #DFFEBE as 100%.

0.0%	0.0% #CECC9C	RGB 206 204 156	#CECC9C
16.7%	16.7% #D3D6A1	RGB 211 214 161	#D3D6A1
33.3%	33.3% #D6DEA7	RGB 214 222 167	#D6DEA7
50.0%	50.0% #D9E6AD	RGB 217 230 173	#D9E6AD
66.7%	66.7% #DBEEB2	RGB 219 238 178	#DBEEB2
83.3%	83.3% #DDF6B8	RGB 221 246 184	#DDF6B8
100.0%	100.0% #DFFEBE	RGB 223 254 190	#DFFEBE

#CECC9C #D3D6A1 #D6DEA7 #D9E6AD #DBEEB2 #DDF6B8 #DFFEBE

#CECC9C - #D9E6AD - #DFFEBE

CSS codes

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

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