#E5E1C5 - #BAB057 | 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 #E5E1C5 to #BAB057

#E5E1C5 #BAB057

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

#E5E1C5 - #BAB057 | 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 #E5E1C5 as 0% and #BAB057 as 100%.

0.0%	0.0% #E5E1C5	RGB 229 225 197	#E5E1C5
16.7%	16.7% #DDD8B2	RGB 221 216 178	#DDD8B2
33.3%	33.3% #D6D0A0	RGB 214 208 160	#D6D0A0
50.0%	50.0% #CFC88E	RGB 207 200 142	#CFC88E
66.7%	66.7% #C8C07B	RGB 200 192 123	#C8C07B
83.3%	83.3% #C1B869	RGB 193 184 105	#C1B869
100.0%	100.0% #BAB057	RGB 186 176 87	#BAB057

#E5E1C5 #DDD8B2 #D6D0A0 #CFC88E #C8C07B #C1B869 #BAB057

#E5E1C5 - #BAB057

HSV Blend

#E5E1C5 - #BAB057 | 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 #E5E1C5 as 0% and #BAB057 as 100%.

0.0%	0.0% #E5E1C5	RGB 229 225 197	#E5E1C5
16.7%	16.7% #DDD8B0	RGB 221 216 176	#DDD8B0
33.3%	33.3% #D6CF9C	RGB 214 207 156	#D6CF9C
50.0%	50.0% #CFC789	RGB 207 199 137	#CFC789
66.7%	66.7% #C8BF77	RGB 200 191 119	#C8BF77
83.3%	83.3% #C1B766	RGB 193 183 102	#C1B766
100.0%	100.0% #BAB057	RGB 186 176 87	#BAB057

#E5E1C5 #DDD8B0 #D6CF9C #CFC789 #C8BF77 #C1B766 #BAB057

#E5E1C5 - #CFC789 - #BAB057

CSS codes

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

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