#E5E2E1 - #B5A280 | 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 #E5E2E1 to #B5A280

#E5E2E1 #B5A280

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

#E5E2E1 - #B5A280 | 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 #E5E2E1 as 0% and #B5A280 as 100%.

0.0%	0.0% #E5E2E1	RGB 229 226 225	#E5E2E1
16.7%	16.7% #DDD7D0	RGB 221 215 208	#DDD7D0
33.3%	33.3% #D5CCC0	RGB 213 204 192	#D5CCC0
50.0%	50.0% #CDC2B0	RGB 205 194 176	#CDC2B0
66.7%	66.7% #C5B7A0	RGB 197 183 160	#C5B7A0
83.3%	83.3% #BDAC90	RGB 189 172 144	#BDAC90
100.0%	100.0% #B5A280	RGB 181 162 128	#B5A280

#E5E2E1 #DDD7D0 #D5CCC0 #CDC2B0 #C5B7A0 #BDAC90 #B5A280

#E5E2E1 - #B5A280

HSV Blend

#E5E2E1 - #B5A280 | 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 #E5E2E1 as 0% and #B5A280 as 100%.

0.0%	0.0% #E5E2E1	RGB 229 226 225	#E5E2E1
16.7%	16.7% #DDD3CE	RGB 221 211 206	#DDD3CE
33.3%	33.3% #D5C6BD	RGB 213 198 189	#D5C6BD
50.0%	50.0% #CDBBAD	RGB 205 187 173	#CDBBAD
66.7%	66.7% #C5B19D	RGB 197 177 157	#C5B19D
83.3%	83.3% #BDA98E	RGB 189 169 142	#BDA98E
100.0%	100.0% #B5A280	RGB 181 162 128	#B5A280

#E5E2E1 #DDD3CE #D5C6BD #CDBBAD #C5B19D #BDA98E #B5A280

#E5E2E1 - #CDBBAD - #B5A280

CSS codes

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

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