#DCD5D4 - #EDDACE | 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 #DCD5D4 to #EDDACE

#DCD5D4 #EDDACE

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

#DCD5D4 - #EDDACE | 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 #DCD5D4 as 0% and #EDDACE as 100%.

0.0%	0.0% #DCD5D4	RGB 220 213 212	#DCD5D4
16.7%	16.7% #DED5D3	RGB 222 213 211	#DED5D3
33.3%	33.3% #E1D6D2	RGB 225 214 210	#E1D6D2
50.0%	50.0% #E4D7D1	RGB 228 215 209	#E4D7D1
66.7%	66.7% #E7D8D0	RGB 231 216 208	#E7D8D0
83.3%	83.3% #EAD9CF	RGB 234 217 207	#EAD9CF
100.0%	100.0% #EDDACE	RGB 237 218 206	#EDDACE

#DCD5D4 #DED5D3 #E1D6D2 #E4D7D1 #E7D8D0 #EAD9CF #EDDACE

#DCD5D4 - #EDDACE

HSV Blend

#DCD5D4 - #EDDACE | 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 #DCD5D4 as 0% and #EDDACE as 100%.

0.0%	0.0% #DCD5D4	RGB 220 213 212	#DCD5D4
16.7%	16.7% #DED5D3	RGB 222 213 211	#DED5D3
33.3%	33.3% #E1D5D2	RGB 225 213 210	#E1D5D2
50.0%	50.0% #E4D6D1	RGB 228 214 209	#E4D6D1
66.7%	66.7% #E7D7D0	RGB 231 215 208	#E7D7D0
83.3%	83.3% #EAD8CF	RGB 234 216 207	#EAD8CF
100.0%	100.0% #EDDACE	RGB 237 218 206	#EDDACE

#DCD5D4 #DED5D3 #E1D5D2 #E4D6D1 #E7D7D0 #EAD8CF #EDDACE

#DCD5D4 - #E4D6D1 - #EDDACE

CSS codes

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

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