#CFDBC9 - #ECF0D4 | 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 #CFDBC9 to #ECF0D4

#CFDBC9 #ECF0D4

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

#CFDBC9 - #ECF0D4 | 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 #CFDBC9 as 0% and #ECF0D4 as 100%.

0.0%	0.0% #CFDBC9	RGB 207 219 201	#CFDBC9
16.7%	16.7% #D3DECA	RGB 211 222 202	#D3DECA
33.3%	33.3% #D8E2CC	RGB 216 226 204	#D8E2CC
50.0%	50.0% #DDE5CE	RGB 221 229 206	#DDE5CE
66.7%	66.7% #E2E9D0	RGB 226 233 208	#E2E9D0
83.3%	83.3% #E7ECD2	RGB 231 236 210	#E7ECD2
100.0%	100.0% #ECF0D4	RGB 236 240 212	#ECF0D4

#CFDBC9 #D3DECA #D8E2CC #DDE5CE #E2E9D0 #E7ECD2 #ECF0D4

#CFDBC9 - #ECF0D4

HSV Blend

#CFDBC9 - #ECF0D4 | 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 #CFDBC9 as 0% and #ECF0D4 as 100%.

0.0%	0.0% #CFDBC9	RGB 207 219 201	#CFDBC9
16.7%	16.7% #D3DECA	RGB 211 222 202	#D3DECA
33.3%	33.3% #D7E2CC	RGB 215 226 204	#D7E2CC
50.0%	50.0% #DCE5CE	RGB 220 229 206	#DCE5CE
66.7%	66.7% #E1E9D0	RGB 225 233 208	#E1E9D0
83.3%	83.3% #E6ECD2	RGB 230 236 210	#E6ECD2
100.0%	100.0% #ECF0D4	RGB 236 240 212	#ECF0D4

#CFDBC9 #D3DECA #D7E2CC #DCE5CE #E1E9D0 #E6ECD2 #ECF0D4

#CFDBC9 - #DCE5CE - #ECF0D4

CSS codes

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

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