#DDCEB9 - #FFF2D1 | 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 #DDCEB9 to #FFF2D1

#DDCEB9 #FFF2D1

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

#DDCEB9 - #FFF2D1 | 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 #DDCEB9 as 0% and #FFF2D1 as 100%.

0.0%	0.0% #DDCEB9	RGB 221 206 185	#DDCEB9
16.7%	16.7% #E2D4BD	RGB 226 212 189	#E2D4BD
33.3%	33.3% #E8DAC1	RGB 232 218 193	#E8DAC1
50.0%	50.0% #EEE0C5	RGB 238 224 197	#EEE0C5
66.7%	66.7% #F3E6C9	RGB 243 230 201	#F3E6C9
83.3%	83.3% #F9ECCD	RGB 249 236 205	#F9ECCD
100.0%	100.0% #FFF2D1	RGB 255 242 209	#FFF2D1

#DDCEB9 #E2D4BD #E8DAC1 #EEE0C5 #F3E6C9 #F9ECCD #FFF2D1

#DDCEB9 - #FFF2D1

HSV Blend

#DDCEB9 - #FFF2D1 | 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 #DDCEB9 as 0% and #FFF2D1 as 100%.

0.0%	0.0% #DDCEB9	RGB 221 206 185	#DDCEB9
16.7%	16.7% #E2D3BD	RGB 226 211 189	#E2D3BD
33.3%	33.3% #E8D9C1	RGB 232 217 193	#E8D9C1
50.0%	50.0% #EEDFC5	RGB 238 223 197	#EEDFC5
66.7%	66.7% #F3E5C9	RGB 243 229 201	#F3E5C9
83.3%	83.3% #F9EBCD	RGB 249 235 205	#F9EBCD
100.0%	100.0% #FFF2D1	RGB 255 242 209	#FFF2D1

#DDCEB9 #E2D3BD #E8D9C1 #EEDFC5 #F3E5C9 #F9EBCD #FFF2D1

#DDCEB9 - #EEDFC5 - #FFF2D1

CSS codes

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

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