#FFFDF9 - #DAD7A2 | 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 #FFFDF9 to #DAD7A2

#FFFDF9 #DAD7A2

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

#FFFDF9 - #DAD7A2 | 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 #FFFDF9 as 0% and #DAD7A2 as 100%.

0.0%	0.0% #FFFDF9	RGB 255 253 249	#FFFDF9
16.7%	16.7% #F8F6EA	RGB 248 246 234	#F8F6EA
33.3%	33.3% #F2F0DC	RGB 242 240 220	#F2F0DC
50.0%	50.0% #ECEACD	RGB 236 234 205	#ECEACD
66.7%	66.7% #E6E3BF	RGB 230 227 191	#E6E3BF
83.3%	83.3% #E0DDB0	RGB 224 221 176	#E0DDB0
100.0%	100.0% #DAD7A2	RGB 218 215 162	#DAD7A2

#FFFDF9 #F8F6EA #F2F0DC #ECEACD #E6E3BF #E0DDB0 #DAD7A2

#FFFDF9 - #DAD7A2

HSV Blend

#FFFDF9 - #DAD7A2 | 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 #FFFDF9 as 0% and #DAD7A2 as 100%.

0.0%	0.0% #FFFDF9	RGB 255 253 249	#FFFDF9
16.7%	16.7% #F8F4E9	RGB 248 244 233	#F8F4E9
33.3%	33.3% #F2ECDA	RGB 242 236 218	#F2ECDA
50.0%	50.0% #ECE6CB	RGB 236 230 203	#ECE6CB
66.7%	66.7% #E6E0BD	RGB 230 224 189	#E6E0BD
83.3%	83.3% #E0DBAF	RGB 224 219 175	#E0DBAF
100.0%	100.0% #DAD7A2	RGB 218 215 162	#DAD7A2

#FFFDF9 #F8F4E9 #F2ECDA #ECE6CB #E6E0BD #E0DBAF #DAD7A2

#FFFDF9 - #ECE6CB - #DAD7A2

CSS codes

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

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