#C7BFBD - #ECFFD8 | 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 #C7BFBD to #ECFFD8

#C7BFBD #ECFFD8

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

#C7BFBD - #ECFFD8 | 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 #C7BFBD as 0% and #ECFFD8 as 100%.

0.0%	0.0% #C7BFBD	RGB 199 191 189	#C7BFBD
16.7%	16.7% #CDC9C1	RGB 205 201 193	#CDC9C1
33.3%	33.3% #D3D4C6	RGB 211 212 198	#D3D4C6
50.0%	50.0% #D9DFCA	RGB 217 223 202	#D9DFCA
66.7%	66.7% #DFE9CF	RGB 223 233 207	#DFE9CF
83.3%	83.3% #E5F4D3	RGB 229 244 211	#E5F4D3
100.0%	100.0% #ECFFD8	RGB 236 255 216	#ECFFD8

#C7BFBD #CDC9C1 #D3D4C6 #D9DFCA #DFE9CF #E5F4D3 #ECFFD8

#C7BFBD - #ECFFD8

HSV Blend

#C7BFBD - #ECFFD8 | 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 #C7BFBD as 0% and #ECFFD8 as 100%.

0.0%	0.0% #C7BFBD	RGB 199 191 189	#C7BFBD
16.7%	16.7% #D0C8C2	RGB 208 200 194	#D0C8C2
33.3%	33.3% #D9D2C7	RGB 217 210 199	#D9D2C7
50.0%	50.0% #E3DFCB	RGB 227 223 203	#E3DFCB
66.7%	66.7% #EAECD0	RGB 234 236 208	#EAECD0
83.3%	83.3% #ECF5D4	RGB 236 245 212	#ECF5D4
100.0%	100.0% #ECFFD8	RGB 236 255 216	#ECFFD8

#C7BFBD #D0C8C2 #D9D2C7 #E3DFCB #EAECD0 #ECF5D4 #ECFFD8

#C7BFBD - #E3DFCB - #ECFFD8

CSS codes

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

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