#FFF0DA - #CEB87E | 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 #FFF0DA to #CEB87E

#FFF0DA #CEB87E

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

#FFF0DA - #CEB87E | 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 #FFF0DA as 0% and #CEB87E as 100%.

0.0%	0.0% #FFF0DA	RGB 255 240 218	#FFF0DA
16.7%	16.7% #F6E6CA	RGB 246 230 202	#F6E6CA
33.3%	33.3% #EEDDBB	RGB 238 221 187	#EEDDBB
50.0%	50.0% #E6D4AC	RGB 230 212 172	#E6D4AC
66.7%	66.7% #DECA9C	RGB 222 202 156	#DECA9C
83.3%	83.3% #D6C18D	RGB 214 193 141	#D6C18D
100.0%	100.0% #CEB87E	RGB 206 184 126	#CEB87E

#FFF0DA #F6E6CA #EEDDBB #E6D4AC #DECA9C #D6C18D #CEB87E

#FFF0DA - #CEB87E

HSV Blend

#FFF0DA - #CEB87E | 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 #FFF0DA as 0% and #CEB87E as 100%.

0.0%	0.0% #FFF0DA	RGB 255 240 218	#FFF0DA
16.7%	16.7% #F6E5C9	RGB 246 229 201	#F6E5C9
33.3%	33.3% #EEDBB8	RGB 238 219 184	#EEDBB8
50.0%	50.0% #E6D1A9	RGB 230 209 169	#E6D1A9
66.7%	66.7% #DEC89A	RGB 222 200 154	#DEC89A
83.3%	83.3% #D6C08B	RGB 214 192 139	#D6C08B
100.0%	100.0% #CEB87E	RGB 206 184 126	#CEB87E

#FFF0DA #F6E5C9 #EEDBB8 #E6D1A9 #DEC89A #D6C08B #CEB87E

#FFF0DA - #E6D1A9 - #CEB87E

CSS codes

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

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