#D9CFBE - #FFFED7 | 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 #D9CFBE to #FFFED7

#D9CFBE #FFFED7

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

#D9CFBE - #FFFED7 | 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 #D9CFBE as 0% and #FFFED7 as 100%.

0.0%	0.0% #D9CFBE	RGB 217 207 190	#D9CFBE
16.7%	16.7% #DFD6C2	RGB 223 214 194	#DFD6C2
33.3%	33.3% #E5DEC6	RGB 229 222 198	#E5DEC6
50.0%	50.0% #ECE6CA	RGB 236 230 202	#ECE6CA
66.7%	66.7% #F2EECE	RGB 242 238 206	#F2EECE
83.3%	83.3% #F8F6D2	RGB 248 246 210	#F8F6D2
100.0%	100.0% #FFFED7	RGB 255 254 215	#FFFED7

#D9CFBE #DFD6C2 #E5DEC6 #ECE6CA #F2EECE #F8F6D2 #FFFED7

#D9CFBE - #FFFED7

HSV Blend

#D9CFBE - #FFFED7 | 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 #D9CFBE as 0% and #FFFED7 as 100%.

0.0%	0.0% #D9CFBE	RGB 217 207 190	#D9CFBE
16.7%	16.7% #DFD6C2	RGB 223 214 194	#DFD6C2
33.3%	33.3% #E5DDC6	RGB 229 221 198	#E5DDC6
50.0%	50.0% #ECE5CA	RGB 236 229 202	#ECE5CA
66.7%	66.7% #F2EDCE	RGB 242 237 206	#F2EDCE
83.3%	83.3% #F8F5D3	RGB 248 245 211	#F8F5D3
100.0%	100.0% #FFFED7	RGB 255 254 215	#FFFED7

#D9CFBE #DFD6C2 #E5DDC6 #ECE5CA #F2EDCE #F8F5D3 #FFFED7

#D9CFBE - #ECE5CA - #FFFED7

CSS codes

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

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