#F9F7EB - #DCCFA1 | 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 #F9F7EB to #DCCFA1

#F9F7EB #DCCFA1

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

#F9F7EB - #DCCFA1 | 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 #F9F7EB as 0% and #DCCFA1 as 100%.

0.0%	0.0% #F9F7EB	RGB 249 247 235	#F9F7EB
16.7%	16.7% #F4F0DE	RGB 244 240 222	#F4F0DE
33.3%	33.3% #EFE9D2	RGB 239 233 210	#EFE9D2
50.0%	50.0% #EAE3C6	RGB 234 227 198	#EAE3C6
66.7%	66.7% #E5DCB9	RGB 229 220 185	#E5DCB9
83.3%	83.3% #E0D5AD	RGB 224 213 173	#E0D5AD
100.0%	100.0% #DCCFA1	RGB 220 207 161	#DCCFA1

#F9F7EB #F4F0DE #EFE9D2 #EAE3C6 #E5DCB9 #E0D5AD #DCCFA1

#F9F7EB - #DCCFA1

HSV Blend

#F9F7EB - #DCCFA1 | 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 #F9F7EB as 0% and #DCCFA1 as 100%.

0.0%	0.0% #F9F7EB	RGB 249 247 235	#F9F7EB
16.7%	16.7% #F4F0DD	RGB 244 240 221	#F4F0DD
33.3%	33.3% #EFEAD0	RGB 239 234 208	#EFEAD0
50.0%	50.0% #EAE3C4	RGB 234 227 196	#EAE3C4
66.7%	66.7% #E5DCB8	RGB 229 220 184	#E5DCB8
83.3%	83.3% #E0D5AC	RGB 224 213 172	#E0D5AC
100.0%	100.0% #DCCFA1	RGB 220 207 161	#DCCFA1

#F9F7EB #F4F0DD #EFEAD0 #EAE3C4 #E5DCB8 #E0D5AC #DCCFA1

#F9F7EB - #EAE3C4 - #DCCFA1

CSS codes

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

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