#DDA5A2 - #FCE9C5 | 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 #DDA5A2 to #FCE9C5

#DDA5A2 #FCE9C5

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

#DDA5A2 - #FCE9C5 | 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 #DDA5A2 as 0% and #FCE9C5 as 100%.

0.0%	0.0% #DDA5A2	RGB 221 165 162	#DDA5A2
16.7%	16.7% #E2B0A7	RGB 226 176 167	#E2B0A7
33.3%	33.3% #E7BBAD	RGB 231 187 173	#E7BBAD
50.0%	50.0% #ECC7B3	RGB 236 199 179	#ECC7B3
66.7%	66.7% #F1D2B9	RGB 241 210 185	#F1D2B9
83.3%	83.3% #F6DDBF	RGB 246 221 191	#F6DDBF
100.0%	100.0% #FCE9C5	RGB 252 233 197	#FCE9C5

#DDA5A2 #E2B0A7 #E7BBAD #ECC7B3 #F1D2B9 #F6DDBF #FCE9C5

#DDA5A2 - #FCE9C5

HSV Blend

#DDA5A2 - #FCE9C5 | 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 #DDA5A2 as 0% and #FCE9C5 as 100%.

0.0%	0.0% #DDA5A2	RGB 221 165 162	#DDA5A2
16.7%	16.7% #E2B0A7	RGB 226 176 167	#E2B0A7
33.3%	33.3% #E7BBAD	RGB 231 187 173	#E7BBAD
50.0%	50.0% #ECC7B3	RGB 236 199 179	#ECC7B3
66.7%	66.7% #F1D2B8	RGB 241 210 184	#F1D2B8
83.3%	83.3% #F6DDBE	RGB 246 221 190	#F6DDBE
100.0%	100.0% #FCE9C5	RGB 252 233 197	#FCE9C5

#DDA5A2 #E2B0A7 #E7BBAD #ECC7B3 #F1D2B8 #F6DDBE #FCE9C5

#DDA5A2 - #ECC7B3 - #FCE9C5

CSS codes

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

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