#EEE0CF - #B8BC7A | 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 #EEE0CF to #B8BC7A

#EEE0CF #B8BC7A

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

#EEE0CF - #B8BC7A | 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 #EEE0CF as 0% and #B8BC7A as 100%.

0.0%	0.0% #EEE0CF	RGB 238 224 207	#EEE0CF
16.7%	16.7% #E5DAC0	RGB 229 218 192	#E5DAC0
33.3%	33.3% #DCD4B2	RGB 220 212 178	#DCD4B2
50.0%	50.0% #D3CEA4	RGB 211 206 164	#D3CEA4
66.7%	66.7% #CAC896	RGB 202 200 150	#CAC896
83.3%	83.3% #C1C288	RGB 193 194 136	#C1C288
100.0%	100.0% #B8BC7A	RGB 184 188 122	#B8BC7A

#EEE0CF #E5DAC0 #DCD4B2 #D3CEA4 #CAC896 #C1C288 #B8BC7A

#EEE0CF - #B8BC7A

HSV Blend

#EEE0CF - #B8BC7A | 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 #EEE0CF as 0% and #B8BC7A as 100%.

0.0%	0.0% #EEE0CF	RGB 238 224 207	#EEE0CF
16.7%	16.7% #E5D7BF	RGB 229 215 191	#E5D7BF
33.3%	33.3% #DDD0B0	RGB 221 208 176	#DDD0B0
50.0%	50.0% #D5CAA1	RGB 213 202 161	#D5CAA1
66.7%	66.7% #CCC693	RGB 204 198 147	#CCC693
83.3%	83.3% #C4C286	RGB 196 194 134	#C4C286
100.0%	100.0% #B8BC7A	RGB 184 188 122	#B8BC7A

#EEE0CF #E5D7BF #DDD0B0 #D5CAA1 #CCC693 #C4C286 #B8BC7A

#EEE0CF - #D5CAA1 - #B8BC7A

CSS codes

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

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