#DAD6B5 - #FFF0C9 | 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 #DAD6B5 to #FFF0C9

#DAD6B5 #FFF0C9

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

#DAD6B5 - #FFF0C9 | 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 #DAD6B5 as 0% and #FFF0C9 as 100%.

0.0%	0.0% #DAD6B5	RGB 218 214 181	#DAD6B5
16.7%	16.7% #E0DAB8	RGB 224 218 184	#E0DAB8
33.3%	33.3% #E6DEBB	RGB 230 222 187	#E6DEBB
50.0%	50.0% #ECE3BF	RGB 236 227 191	#ECE3BF
66.7%	66.7% #F2E7C2	RGB 242 231 194	#F2E7C2
83.3%	83.3% #F8EBC5	RGB 248 235 197	#F8EBC5
100.0%	100.0% #FFF0C9	RGB 255 240 201	#FFF0C9

#DAD6B5 #E0DAB8 #E6DEBB #ECE3BF #F2E7C2 #F8EBC5 #FFF0C9

#DAD6B5 - #FFF0C9

HSV Blend

#DAD6B5 - #FFF0C9 | 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 #DAD6B5 as 0% and #FFF0C9 as 100%.

0.0%	0.0% #DAD6B5	RGB 218 214 181	#DAD6B5
16.7%	16.7% #E0DAB8	RGB 224 218 184	#E0DAB8
33.3%	33.3% #E6DFBC	RGB 230 223 188	#E6DFBC
50.0%	50.0% #ECE3BF	RGB 236 227 191	#ECE3BF
66.7%	66.7% #F2E8C2	RGB 242 232 194	#F2E8C2
83.3%	83.3% #F8ECC5	RGB 248 236 197	#F8ECC5
100.0%	100.0% #FFF0C9	RGB 255 240 201	#FFF0C9

#DAD6B5 #E0DAB8 #E6DFBC #ECE3BF #F2E8C2 #F8ECC5 #FFF0C9

#DAD6B5 - #ECE3BF - #FFF0C9

CSS codes

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

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