#E1CB5E - #BF931B | 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 #E1CB5E to #BF931B

#E1CB5E #BF931B

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

#E1CB5E - #BF931B | 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 #E1CB5E as 0% and #BF931B as 100%.

0.0%	0.0% #E1CB5E	RGB 225 203 94	#E1CB5E
16.7%	16.7% #DBC152	RGB 219 193 82	#DBC152
33.3%	33.3% #D5B847	RGB 213 184 71	#D5B847
50.0%	50.0% #D0AF3C	RGB 208 175 60	#D0AF3C
66.7%	66.7% #CAA531	RGB 202 165 49	#CAA531
83.3%	83.3% #C49C26	RGB 196 156 38	#C49C26
100.0%	100.0% #BF931B	RGB 191 147 27	#BF931B

#E1CB5E #DBC152 #D5B847 #D0AF3C #CAA531 #C49C26 #BF931B

#E1CB5E - #BF931B

HSV Blend

#E1CB5E - #BF931B | 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 #E1CB5E as 0% and #BF931B as 100%.

0.0%	0.0% #E1CB5E	RGB 225 203 94	#E1CB5E
16.7%	16.7% #DBC151	RGB 219 193 81	#DBC151
33.3%	33.3% #D5B845	RGB 213 184 69	#D5B845
50.0%	50.0% #D0AF3A	RGB 208 175 58	#D0AF3A
66.7%	66.7% #CAA52F	RGB 202 165 47	#CAA52F
83.3%	83.3% #C49C24	RGB 196 156 36	#C49C24
100.0%	100.0% #BF931B	RGB 191 147 27	#BF931B

#E1CB5E #DBC151 #D5B845 #D0AF3A #CAA52F #C49C24 #BF931B

#E1CB5E - #D0AF3A - #BF931B

CSS codes

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

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