#DDD9D9 - #FEE1EE | 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 #DDD9D9 to #FEE1EE

#DDD9D9 #FEE1EE

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

#DDD9D9 - #FEE1EE | 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 #DDD9D9 as 0% and #FEE1EE as 100%.

0.0%	0.0% #DDD9D9	RGB 221 217 217	#DDD9D9
16.7%	16.7% #E2DADC	RGB 226 218 220	#E2DADC
33.3%	33.3% #E8DBE0	RGB 232 219 224	#E8DBE0
50.0%	50.0% #EDDDE3	RGB 237 221 227	#EDDDE3
66.7%	66.7% #F3DEE7	RGB 243 222 231	#F3DEE7
83.3%	83.3% #F8DFEA	RGB 248 223 234	#F8DFEA
100.0%	100.0% #FEE1EE	RGB 254 225 238	#FEE1EE

#DDD9D9 #E2DADC #E8DBE0 #EDDDE3 #F3DEE7 #F8DFEA #FEE1EE

#DDD9D9 - #FEE1EE

HSV Blend

#DDD9D9 - #FEE1EE | 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 #DDD9D9 as 0% and #FEE1EE as 100%.

0.0%	0.0% #DDD9D9	RGB 221 217 217	#DDD9D9
16.7%	16.7% #E2DADB	RGB 226 218 219	#E2DADB
33.3%	33.3% #E8DCDE	RGB 232 220 222	#E8DCDE
50.0%	50.0% #EDDDE1	RGB 237 221 225	#EDDDE1
66.7%	66.7% #F3DFE5	RGB 243 223 229	#F3DFE5
83.3%	83.3% #F8E0E9	RGB 248 224 233	#F8E0E9
100.0%	100.0% #FEE1EE	RGB 254 225 238	#FEE1EE

#DDD9D9 #E2DADB #E8DCDE #EDDDE1 #F3DFE5 #F8E0E9 #FEE1EE

#DDD9D9 - #EDDDE1 - #FEE1EE

CSS codes

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

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