#DDD1CD - #FFF6E4 | 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 #DDD1CD to #FFF6E4

#DDD1CD #FFF6E4

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

#DDD1CD - #FFF6E4 | 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 #DDD1CD as 0% and #FFF6E4 as 100%.

0.0%	0.0% #DDD1CD	RGB 221 209 205	#DDD1CD
16.7%	16.7% #E2D7D0	RGB 226 215 208	#E2D7D0
33.3%	33.3% #E8DDD4	RGB 232 221 212	#E8DDD4
50.0%	50.0% #EEE3D8	RGB 238 227 216	#EEE3D8
66.7%	66.7% #F3E9DC	RGB 243 233 220	#F3E9DC
83.3%	83.3% #F9EFE0	RGB 249 239 224	#F9EFE0
100.0%	100.0% #FFF6E4	RGB 255 246 228	#FFF6E4

#DDD1CD #E2D7D0 #E8DDD4 #EEE3D8 #F3E9DC #F9EFE0 #FFF6E4

#DDD1CD - #FFF6E4

HSV Blend

#DDD1CD - #FFF6E4 | 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 #DDD1CD as 0% and #FFF6E4 as 100%.

0.0%	0.0% #DDD1CD	RGB 221 209 205	#DDD1CD
16.7%	16.7% #E2D6D0	RGB 226 214 208	#E2D6D0
33.3%	33.3% #E8DCD4	RGB 232 220 212	#E8DCD4
50.0%	50.0% #EEE2D8	RGB 238 226 216	#EEE2D8
66.7%	66.7% #F3E8DC	RGB 243 232 220	#F3E8DC
83.3%	83.3% #F9EFE0	RGB 249 239 224	#F9EFE0
100.0%	100.0% #FFF6E4	RGB 255 246 228	#FFF6E4

#DDD1CD #E2D6D0 #E8DCD4 #EEE2D8 #F3E8DC #F9EFE0 #FFF6E4

#DDD1CD - #EEE2D8 - #FFF6E4

CSS codes

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

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