#EADEDC - #CD9C8A | 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 #EADEDC to #CD9C8A

#EADEDC #CD9C8A

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

#EADEDC - #CD9C8A | 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 #EADEDC as 0% and #CD9C8A as 100%.

0.0%	0.0% #EADEDC	RGB 234 222 220	#EADEDC
16.7%	16.7% #E5D3CE	RGB 229 211 206	#E5D3CE
33.3%	33.3% #E0C8C0	RGB 224 200 192	#E0C8C0
50.0%	50.0% #DBBDB3	RGB 219 189 179	#DBBDB3
66.7%	66.7% #D6B2A5	RGB 214 178 165	#D6B2A5
83.3%	83.3% #D1A797	RGB 209 167 151	#D1A797
100.0%	100.0% #CD9C8A	RGB 205 156 138	#CD9C8A

#EADEDC #E5D3CE #E0C8C0 #DBBDB3 #D6B2A5 #D1A797 #CD9C8A

#EADEDC - #CD9C8A

HSV Blend

#EADEDC - #CD9C8A | 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 #EADEDC as 0% and #CD9C8A as 100%.

0.0%	0.0% #EADEDC	RGB 234 222 220	#EADEDC
16.7%	16.7% #E5D1CD	RGB 229 209 205	#E5D1CD
33.3%	33.3% #E0C5BE	RGB 224 197 190	#E0C5BE
50.0%	50.0% #DBB9B1	RGB 219 185 177	#DBB9B1
66.7%	66.7% #D6AFA3	RGB 214 175 163	#D6AFA3
83.3%	83.3% #D1A596	RGB 209 165 150	#D1A596
100.0%	100.0% #CD9C8A	RGB 205 156 138	#CD9C8A

#EADEDC #E5D1CD #E0C5BE #DBB9B1 #D6AFA3 #D1A596 #CD9C8A

#EADEDC - #DBB9B1 - #CD9C8A

CSS codes

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

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