#CED1BA - #EFE4CD | 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 #CED1BA to #EFE4CD

#CED1BA #EFE4CD

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

#CED1BA - #EFE4CD | 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 #CED1BA as 0% and #EFE4CD as 100%.

0.0%	0.0% #CED1BA	RGB 206 209 186	#CED1BA
16.7%	16.7% #D3D4BD	RGB 211 212 189	#D3D4BD
33.3%	33.3% #D9D7C0	RGB 217 215 192	#D9D7C0
50.0%	50.0% #DEDAC3	RGB 222 218 195	#DEDAC3
66.7%	66.7% #E4DDC6	RGB 228 221 198	#E4DDC6
83.3%	83.3% #E9E0C9	RGB 233 224 201	#E9E0C9
100.0%	100.0% #EFE4CD	RGB 239 228 205	#EFE4CD

#CED1BA #D3D4BD #D9D7C0 #DEDAC3 #E4DDC6 #E9E0C9 #EFE4CD

#CED1BA - #EFE4CD

HSV Blend

#CED1BA - #EFE4CD | 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 #CED1BA as 0% and #EFE4CD as 100%.

0.0%	0.0% #CED1BA	RGB 206 209 186	#CED1BA
16.7%	16.7% #D4D6BD	RGB 212 214 189	#D4D6BD
33.3%	33.3% #DBDAC0	RGB 219 218 192	#DBDAC0
50.0%	50.0% #E0DDC3	RGB 224 221 195	#E0DDC3
66.7%	66.7% #E5DFC6	RGB 229 223 198	#E5DFC6
83.3%	83.3% #EAE2C9	RGB 234 226 201	#EAE2C9
100.0%	100.0% #EFE4CD	RGB 239 228 205	#EFE4CD

#CED1BA #D4D6BD #DBDAC0 #E0DDC3 #E5DFC6 #EAE2C9 #EFE4CD

#CED1BA - #E0DDC3 - #EFE4CD

CSS codes

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

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