#DEC2B9 - #FFF2D6 | 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 #DEC2B9 to #FFF2D6

#DEC2B9 #FFF2D6

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

#DEC2B9 - #FFF2D6 | 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 #DEC2B9 as 0% and #FFF2D6 as 100%.

0.0%	0.0% #DEC2B9	RGB 222 194 185	#DEC2B9
16.7%	16.7% #E3CABD	RGB 227 202 189	#E3CABD
33.3%	33.3% #E9D2C2	RGB 233 210 194	#E9D2C2
50.0%	50.0% #EEDAC7	RGB 238 218 199	#EEDAC7
66.7%	66.7% #F4E2CC	RGB 244 226 204	#F4E2CC
83.3%	83.3% #F9EAD1	RGB 249 234 209	#F9EAD1
100.0%	100.0% #FFF2D6	RGB 255 242 214	#FFF2D6

#DEC2B9 #E3CABD #E9D2C2 #EEDAC7 #F4E2CC #F9EAD1 #FFF2D6

#DEC2B9 - #FFF2D6

HSV Blend

#DEC2B9 - #FFF2D6 | 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 #DEC2B9 as 0% and #FFF2D6 as 100%.

0.0%	0.0% #DEC2B9	RGB 222 194 185	#DEC2B9
16.7%	16.7% #E3C9BD	RGB 227 201 189	#E3C9BD
33.3%	33.3% #E9D1C2	RGB 233 209 194	#E9D1C2
50.0%	50.0% #EED9C7	RGB 238 217 199	#EED9C7
66.7%	66.7% #F4E1CC	RGB 244 225 204	#F4E1CC
83.3%	83.3% #F9E9D1	RGB 249 233 209	#F9E9D1
100.0%	100.0% #FFF2D6	RGB 255 242 214	#FFF2D6

#DEC2B9 #E3C9BD #E9D1C2 #EED9C7 #F4E1CC #F9E9D1 #FFF2D6

#DEC2B9 - #EED9C7 - #FFF2D6

CSS codes

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

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