#DD9F86 - #F5E3DC | 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 #DD9F86 to #F5E3DC

#DD9F86 #F5E3DC

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

#DD9F86 - #F5E3DC | 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 #DD9F86 as 0% and #F5E3DC as 100%.

0.0%	0.0% #DD9F86	RGB 221 159 134	#DD9F86
16.7%	16.7% #E1AA94	RGB 225 170 148	#E1AA94
33.3%	33.3% #E5B5A2	RGB 229 181 162	#E5B5A2
50.0%	50.0% #E9C1B1	RGB 233 193 177	#E9C1B1
66.7%	66.7% #EDCCBF	RGB 237 204 191	#EDCCBF
83.3%	83.3% #F1D7CD	RGB 241 215 205	#F1D7CD
100.0%	100.0% #F5E3DC	RGB 245 227 220	#F5E3DC

#DD9F86 #E1AA94 #E5B5A2 #E9C1B1 #EDCCBF #F1D7CD #F5E3DC

#DD9F86 - #F5E3DC

HSV Blend

#DD9F86 - #F5E3DC | 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 #DD9F86 as 0% and #F5E3DC as 100%.

0.0%	0.0% #DD9F86	RGB 221 159 134	#DD9F86
16.7%	16.7% #E1A993	RGB 225 169 147	#E1A993
33.3%	33.3% #E5B4A1	RGB 229 180 161	#E5B4A1
50.0%	50.0% #E9BFAF	RGB 233 191 175	#E9BFAF
66.7%	66.7% #EDCBBD	RGB 237 203 189	#EDCBBD
83.3%	83.3% #F1D6CC	RGB 241 214 204	#F1D6CC
100.0%	100.0% #F5E3DC	RGB 245 227 220	#F5E3DC

#DD9F86 #E1A993 #E5B4A1 #E9BFAF #EDCBBD #F1D6CC #F5E3DC

#DD9F86 - #E9BFAF - #F5E3DC

CSS codes

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

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