#DDDADD - #FFEDCF | 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 #DDDADD to #FFEDCF

#DDDADD #FFEDCF

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

#DDDADD - #FFEDCF | 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 #DDDADD as 0% and #FFEDCF as 100%.

0.0%	0.0% #DDDADD	RGB 221 218 221	#DDDADD
16.7%	16.7% #E2DDDA	RGB 226 221 218	#E2DDDA
33.3%	33.3% #E8E0D8	RGB 232 224 216	#E8E0D8
50.0%	50.0% #EEE3D6	RGB 238 227 214	#EEE3D6
66.7%	66.7% #F3E6D3	RGB 243 230 211	#F3E6D3
83.3%	83.3% #F9E9D1	RGB 249 233 209	#F9E9D1
100.0%	100.0% #FFEDCF	RGB 255 237 207	#FFEDCF

#DDDADD #E2DDDA #E8E0D8 #EEE3D6 #F3E6D3 #F9E9D1 #FFEDCF

#DDDADD - #FFEDCF

HSV Blend

#DDDADD - #FFEDCF | 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 #DDDADD as 0% and #FFEDCF as 100%.

0.0%	0.0% #DDDADD	RGB 221 218 221	#DDDADD
16.7%	16.7% #E2D8E0	RGB 226 216 224	#E2D8E0
33.3%	33.3% #E8D7DF	RGB 232 215 223	#E8D7DF
50.0%	50.0% #EED5DA	RGB 238 213 218	#EED5DA
66.7%	66.7% #F3D6D3	RGB 243 214 211	#F3D6D3
83.3%	83.3% #F9DFD1	RGB 249 223 209	#F9DFD1
100.0%	100.0% #FFEDCF	RGB 255 237 207	#FFEDCF

#DDDADD #E2D8E0 #E8D7DF #EED5DA #F3D6D3 #F9DFD1 #FFEDCF

#DDDADD - #EED5DA - #FFEDCF

CSS codes

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

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