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

#C4C5BA #ECEED0

Calculate the color between two colors, #C4C5BA 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)

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

0.0%	0.0% #C4C5BA	RGB 196 197 186	#C4C5BA
16.7%	16.7% #CACBBD	RGB 202 203 189	#CACBBD
33.3%	33.3% #D1D2C1	RGB 209 210 193	#D1D2C1
50.0%	50.0% #D8D9C5	RGB 216 217 197	#D8D9C5
66.7%	66.7% #DEE0C8	RGB 222 224 200	#DEE0C8
83.3%	83.3% #E5E7CC	RGB 229 231 204	#E5E7CC
100.0%	100.0% #ECEED0	RGB 236 238 208	#ECEED0

#C4C5BA #CACBBD #D1D2C1 #D8D9C5 #DEE0C8 #E5E7CC #ECEED0

#C4C5BA - #ECEED0

HSV Blend

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

0.0%	0.0% #C4C5BA	RGB 196 197 186	#C4C5BA
16.7%	16.7% #CACBBE	RGB 202 203 190	#CACBBE
33.3%	33.3% #D1D2C1	RGB 209 210 193	#D1D2C1
50.0%	50.0% #D7D9C5	RGB 215 217 197	#D7D9C5
66.7%	66.7% #DEE0C9	RGB 222 224 201	#DEE0C9
83.3%	83.3% #E5E7CC	RGB 229 231 204	#E5E7CC
100.0%	100.0% #ECEED0	RGB 236 238 208	#ECEED0

#C4C5BA #CACBBE #D1D2C1 #D7D9C5 #DEE0C9 #E5E7CC #ECEED0

#C4C5BA - #D7D9C5 - #ECEED0

CSS codes

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

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