#FDFDF9 - #DDDAB5 | 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 #FDFDF9 to #DDDAB5

#FDFDF9 #DDDAB5

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

#FDFDF9 - #DDDAB5 | 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 #FDFDF9 as 0% and #DDDAB5 as 100%.

0.0%	0.0% #FDFDF9	RGB 253 253 249	#FDFDF9
16.7%	16.7% #F7F7ED	RGB 247 247 237	#F7F7ED
33.3%	33.3% #F2F1E2	RGB 242 241 226	#F2F1E2
50.0%	50.0% #EDEBD7	RGB 237 235 215	#EDEBD7
66.7%	66.7% #E7E5CB	RGB 231 229 203	#E7E5CB
83.3%	83.3% #E2DFC0	RGB 226 223 192	#E2DFC0
100.0%	100.0% #DDDAB5	RGB 221 218 181	#DDDAB5

#FDFDF9 #F7F7ED #F2F1E2 #EDEBD7 #E7E5CB #E2DFC0 #DDDAB5

#FDFDF9 - #DDDAB5

HSV Blend

#FDFDF9 - #DDDAB5 | 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 #FDFDF9 as 0% and #DDDAB5 as 100%.

0.0%	0.0% #FDFDF9	RGB 253 253 249	#FDFDF9
16.7%	16.7% #F7F7EC	RGB 247 247 236	#F7F7EC
33.3%	33.3% #F2F1E1	RGB 242 241 225	#F2F1E1
50.0%	50.0% #EDECD5	RGB 237 236 213	#EDECD5
66.7%	66.7% #E7E6CA	RGB 231 230 202	#E7E6CA
83.3%	83.3% #E2E0BF	RGB 226 224 191	#E2E0BF
100.0%	100.0% #DDDAB5	RGB 221 218 181	#DDDAB5

#FDFDF9 #F7F7EC #F2F1E1 #EDECD5 #E7E6CA #E2E0BF #DDDAB5

#FDFDF9 - #EDECD5 - #DDDAB5

CSS codes

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

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