#D9D4AF - #FEFFC8 | 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 #D9D4AF to #FEFFC8

#D9D4AF #FEFFC8

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

#D9D4AF - #FEFFC8 | 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 #D9D4AF as 0% and #FEFFC8 as 100%.

0.0%	0.0% #D9D4AF	RGB 217 212 175	#D9D4AF
16.7%	16.7% #DFDBB3	RGB 223 219 179	#DFDBB3
33.3%	33.3% #E5E2B7	RGB 229 226 183	#E5E2B7
50.0%	50.0% #EBE9BB	RGB 235 233 187	#EBE9BB
66.7%	66.7% #F1F0BF	RGB 241 240 191	#F1F0BF
83.3%	83.3% #F7F7C3	RGB 247 247 195	#F7F7C3
100.0%	100.0% #FEFFC8	RGB 254 255 200	#FEFFC8

#D9D4AF #DFDBB3 #E5E2B7 #EBE9BB #F1F0BF #F7F7C3 #FEFFC8

#D9D4AF - #FEFFC8

HSV Blend

#D9D4AF - #FEFFC8 | 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 #D9D4AF as 0% and #FEFFC8 as 100%.

0.0%	0.0% #D9D4AF	RGB 217 212 175	#D9D4AF
16.7%	16.7% #DFDBB3	RGB 223 219 179	#DFDBB3
33.3%	33.3% #E5E2B7	RGB 229 226 183	#E5E2B7
50.0%	50.0% #ECE9BB	RGB 236 233 187	#ECE9BB
66.7%	66.7% #F2F0BF	RGB 242 240 191	#F2F0BF
83.3%	83.3% #F8F8C3	RGB 248 248 195	#F8F8C3
100.0%	100.0% #FEFFC8	RGB 254 255 200	#FEFFC8

#D9D4AF #DFDBB3 #E5E2B7 #ECE9BB #F2F0BF #F8F8C3 #FEFFC8

#D9D4AF - #ECE9BB - #FEFFC8

CSS codes

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

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