#F0EEE7 - #D1BF9D | 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 #F0EEE7 to #D1BF9D

#F0EEE7 #D1BF9D

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

#F0EEE7 - #D1BF9D | 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 #F0EEE7 as 0% and #D1BF9D as 100%.

0.0%	0.0% #F0EEE7	RGB 240 238 231	#F0EEE7
16.7%	16.7% #EAE6DA	RGB 234 230 218	#EAE6DA
33.3%	33.3% #E5DECE	RGB 229 222 206	#E5DECE
50.0%	50.0% #E0D6C2	RGB 224 214 194	#E0D6C2
66.7%	66.7% #DBCEB5	RGB 219 206 181	#DBCEB5
83.3%	83.3% #D6C6A9	RGB 214 198 169	#D6C6A9
100.0%	100.0% #D1BF9D	RGB 209 191 157	#D1BF9D

#F0EEE7 #EAE6DA #E5DECE #E0D6C2 #DBCEB5 #D6C6A9 #D1BF9D

#F0EEE7 - #D1BF9D

HSV Blend

#F0EEE7 - #D1BF9D | 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 #F0EEE7 as 0% and #D1BF9D as 100%.

0.0%	0.0% #F0EEE7	RGB 240 238 231	#F0EEE7
16.7%	16.7% #EAE6D9	RGB 234 230 217	#EAE6D9
33.3%	33.3% #E5DFCC	RGB 229 223 204	#E5DFCC
50.0%	50.0% #E0D7C0	RGB 224 215 192	#E0D7C0
66.7%	66.7% #DBCFB4	RGB 219 207 180	#DBCFB4
83.3%	83.3% #D6C7A8	RGB 214 199 168	#D6C7A8
100.0%	100.0% #D1BF9D	RGB 209 191 157	#D1BF9D

#F0EEE7 #EAE6D9 #E5DFCC #E0D7C0 #DBCFB4 #D6C7A8 #D1BF9D

#F0EEE7 - #E0D7C0 - #D1BF9D

CSS codes

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

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