#CDCEBA - #EEE4CD | 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 #CDCEBA to #EEE4CD

#CDCEBA #EEE4CD

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

#CDCEBA - #EEE4CD | 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 #CDCEBA as 0% and #EEE4CD as 100%.

0.0%	0.0% #CDCEBA	RGB 205 206 186	#CDCEBA
16.7%	16.7% #D2D1BD	RGB 210 209 189	#D2D1BD
33.3%	33.3% #D8D5C0	RGB 216 213 192	#D8D5C0
50.0%	50.0% #DDD9C3	RGB 221 217 195	#DDD9C3
66.7%	66.7% #E3DCC6	RGB 227 220 198	#E3DCC6
83.3%	83.3% #E8E0C9	RGB 232 224 201	#E8E0C9
100.0%	100.0% #EEE4CD	RGB 238 228 205	#EEE4CD

#CDCEBA #D2D1BD #D8D5C0 #DDD9C3 #E3DCC6 #E8E0C9 #EEE4CD

#CDCEBA - #EEE4CD

HSV Blend

#CDCEBA - #EEE4CD | 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 #CDCEBA as 0% and #EEE4CD as 100%.

0.0%	0.0% #CDCEBA	RGB 205 206 186	#CDCEBA
16.7%	16.7% #D3D3BD	RGB 211 211 189	#D3D3BD
33.3%	33.3% #D8D7C0	RGB 216 215 192	#D8D7C0
50.0%	50.0% #DEDAC3	RGB 222 218 195	#DEDAC3
66.7%	66.7% #E3DEC6	RGB 227 222 198	#E3DEC6
83.3%	83.3% #E8E1CA	RGB 232 225 202	#E8E1CA
100.0%	100.0% #EEE4CD	RGB 238 228 205	#EEE4CD

#CDCEBA #D3D3BD #D8D7C0 #DEDAC3 #E3DEC6 #E8E1CA #EEE4CD

#CDCEBA - #DEDAC3 - #EEE4CD

CSS codes

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

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