#EEE8D9 - #BAA07F | 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 #EEE8D9 to #BAA07F

#EEE8D9 #BAA07F

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

#EEE8D9 - #BAA07F | 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 #EEE8D9 as 0% and #BAA07F as 100%.

0.0%	0.0% #EEE8D9	RGB 238 232 217	#EEE8D9
16.7%	16.7% #E5DCCA	RGB 229 220 202	#E5DCCA
33.3%	33.3% #DCD0BB	RGB 220 208 187	#DCD0BB
50.0%	50.0% #D4C4AC	RGB 212 196 172	#D4C4AC
66.7%	66.7% #CBB89D	RGB 203 184 157	#CBB89D
83.3%	83.3% #C2AC8E	RGB 194 172 142	#C2AC8E
100.0%	100.0% #BAA07F	RGB 186 160 127	#BAA07F

#EEE8D9 #E5DCCA #DCD0BB #D4C4AC #CBB89D #C2AC8E #BAA07F

#EEE8D9 - #BAA07F

HSV Blend

#EEE8D9 - #BAA07F | 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 #EEE8D9 as 0% and #BAA07F as 100%.

0.0%	0.0% #EEE8D9	RGB 238 232 217	#EEE8D9
16.7%	16.7% #E5DCC8	RGB 229 220 200	#E5DCC8
33.3%	33.3% #DCD0B8	RGB 220 208 184	#DCD0B8
50.0%	50.0% #D4C4A9	RGB 212 196 169	#D4C4A9
66.7%	66.7% #CBB89A	RGB 203 184 154	#CBB89A
83.3%	83.3% #C2AC8C	RGB 194 172 140	#C2AC8C
100.0%	100.0% #BAA07F	RGB 186 160 127	#BAA07F

#EEE8D9 #E5DCC8 #DCD0B8 #D4C4A9 #CBB89A #C2AC8C #BAA07F

#EEE8D9 - #D4C4A9 - #BAA07F

CSS codes

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

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