#B5A036 - #E9E3C5 | 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 #B5A036 to #E9E3C5

#B5A036 #E9E3C5

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

#B5A036 - #E9E3C5 | 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 #B5A036 as 0% and #E9E3C5 as 100%.

0.0%	0.0% #B5A036	RGB 181 160 54	#B5A036
16.7%	16.7% #BDAB4D	RGB 189 171 77	#BDAB4D
33.3%	33.3% #C6B665	RGB 198 182 101	#C6B665
50.0%	50.0% #CFC17D	RGB 207 193 125	#CFC17D
66.7%	66.7% #D7CC95	RGB 215 204 149	#D7CC95
83.3%	83.3% #E0D7AD	RGB 224 215 173	#E0D7AD
100.0%	100.0% #E9E3C5	RGB 233 227 197	#E9E3C5

#B5A036 #BDAB4D #C6B665 #CFC17D #D7CC95 #E0D7AD #E9E3C5

#B5A036 - #E9E3C5

HSV Blend

#B5A036 - #E9E3C5 | 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 #B5A036 as 0% and #E9E3C5 as 100%.

0.0%	0.0% #B5A036	RGB 181 160 54	#B5A036
16.7%	16.7% #BDAA49	RGB 189 170 73	#BDAA49
33.3%	33.3% #C6B55F	RGB 198 181 95	#C6B55F
50.0%	50.0% #CFC076	RGB 207 192 118	#CFC076
66.7%	66.7% #D7CB8F	RGB 215 203 143	#D7CB8F
83.3%	83.3% #E0D7A9	RGB 224 215 169	#E0D7A9
100.0%	100.0% #E9E3C5	RGB 233 227 197	#E9E3C5

#B5A036 #BDAA49 #C6B55F #CFC076 #D7CB8F #E0D7A9 #E9E3C5

#B5A036 - #CFC076 - #E9E3C5

CSS codes

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

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