#DDD3D0 - #FFF7E6 | 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 #DDD3D0 to #FFF7E6

#DDD3D0 #FFF7E6

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

#DDD3D0 - #FFF7E6 | 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 #DDD3D0 as 0% and #FFF7E6 as 100%.

0.0%	0.0% #DDD3D0	RGB 221 211 208	#DDD3D0
16.7%	16.7% #E2D9D3	RGB 226 217 211	#E2D9D3
33.3%	33.3% #E8DFD7	RGB 232 223 215	#E8DFD7
50.0%	50.0% #EEE5DB	RGB 238 229 219	#EEE5DB
66.7%	66.7% #F3EBDE	RGB 243 235 222	#F3EBDE
83.3%	83.3% #F9F1E2	RGB 249 241 226	#F9F1E2
100.0%	100.0% #FFF7E6	RGB 255 247 230	#FFF7E6

#DDD3D0 #E2D9D3 #E8DFD7 #EEE5DB #F3EBDE #F9F1E2 #FFF7E6

#DDD3D0 - #FFF7E6

HSV Blend

#DDD3D0 - #FFF7E6 | 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 #DDD3D0 as 0% and #FFF7E6 as 100%.

0.0%	0.0% #DDD3D0	RGB 221 211 208	#DDD3D0
16.7%	16.7% #E2D8D3	RGB 226 216 211	#E2D8D3
33.3%	33.3% #E8DDD7	RGB 232 221 215	#E8DDD7
50.0%	50.0% #EEE3DB	RGB 238 227 219	#EEE3DB
66.7%	66.7% #F3E9DE	RGB 243 233 222	#F3E9DE
83.3%	83.3% #F9F0E2	RGB 249 240 226	#F9F0E2
100.0%	100.0% #FFF7E6	RGB 255 247 230	#FFF7E6

#DDD3D0 #E2D8D3 #E8DDD7 #EEE3DB #F3E9DE #F9F0E2 #FFF7E6

#DDD3D0 - #EEE3DB - #FFF7E6

CSS codes

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

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