#C7D0BA - #EFEECD | 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 #C7D0BA to #EFEECD

#C7D0BA #EFEECD

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

#C7D0BA - #EFEECD | 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 #C7D0BA as 0% and #EFEECD as 100%.

0.0%	0.0% #C7D0BA	RGB 199 208 186	#C7D0BA
16.7%	16.7% #CDD5BD	RGB 205 213 189	#CDD5BD
33.3%	33.3% #D4DAC0	RGB 212 218 192	#D4DAC0
50.0%	50.0% #DBDFC3	RGB 219 223 195	#DBDFC3
66.7%	66.7% #E1E4C6	RGB 225 228 198	#E1E4C6
83.3%	83.3% #E8E9C9	RGB 232 233 201	#E8E9C9
100.0%	100.0% #EFEECD	RGB 239 238 205	#EFEECD

#C7D0BA #CDD5BD #D4DAC0 #DBDFC3 #E1E4C6 #E8E9C9 #EFEECD

#C7D0BA - #EFEECD

HSV Blend

#C7D0BA - #EFEECD | 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 #C7D0BA as 0% and #EFEECD as 100%.

0.0%	0.0% #C7D0BA	RGB 199 208 186	#C7D0BA
16.7%	16.7% #CDD5BD	RGB 205 213 189	#CDD5BD
33.3%	33.3% #D3DAC0	RGB 211 218 192	#D3DAC0
50.0%	50.0% #DADFC3	RGB 218 223 195	#DADFC3
66.7%	66.7% #E1E4C6	RGB 225 228 198	#E1E4C6
83.3%	83.3% #E8E9C9	RGB 232 233 201	#E8E9C9
100.0%	100.0% #EFEECD	RGB 239 238 205	#EFEECD

#C7D0BA #CDD5BD #D3DAC0 #DADFC3 #E1E4C6 #E8E9C9 #EFEECD

#C7D0BA - #DADFC3 - #EFEECD

CSS codes

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

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