#FFEEDB - #CFBB7E | 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 #FFEEDB to #CFBB7E

#FFEEDB #CFBB7E

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

#FFEEDB - #CFBB7E | 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 #FFEEDB as 0% and #CFBB7E as 100%.

0.0%	0.0% #FFEEDB	RGB 255 238 219	#FFEEDB
16.7%	16.7% #F7E5CB	RGB 247 229 203	#F7E5CB
33.3%	33.3% #EFDDBC	RGB 239 221 188	#EFDDBC
50.0%	50.0% #E7D4AC	RGB 231 212 172	#E7D4AC
66.7%	66.7% #DFCC9D	RGB 223 204 157	#DFCC9D
83.3%	83.3% #D7C38D	RGB 215 195 141	#D7C38D
100.0%	100.0% #CFBB7E	RGB 207 187 126	#CFBB7E

#FFEEDB #F7E5CB #EFDDBC #E7D4AC #DFCC9D #D7C38D #CFBB7E

#FFEEDB - #CFBB7E

HSV Blend

#FFEEDB - #CFBB7E | 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 #FFEEDB as 0% and #CFBB7E as 100%.

0.0%	0.0% #FFEEDB	RGB 255 238 219	#FFEEDB
16.7%	16.7% #F7E3C9	RGB 247 227 201	#F7E3C9
33.3%	33.3% #EFD9B9	RGB 239 217 185	#EFD9B9
50.0%	50.0% #E7D0A9	RGB 231 208 169	#E7D0A9
66.7%	66.7% #DFC89A	RGB 223 200 154	#DFC89A
83.3%	83.3% #D7C18B	RGB 215 193 139	#D7C18B
100.0%	100.0% #CFBB7E	RGB 207 187 126	#CFBB7E

#FFEEDB #F7E3C9 #EFD9B9 #E7D0A9 #DFC89A #D7C18B #CFBB7E

#FFEEDB - #E7D0A9 - #CFBB7E

CSS codes

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

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