#BA9000 - #EBDFB6 | 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 #BA9000 to #EBDFB6

#BA9000 #EBDFB6

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

#BA9000 - #EBDFB6 | 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 #BA9000 as 0% and #EBDFB6 as 100%.

0.0%	0.0% #BA9000	RGB 186 144 0	#BA9000
16.7%	16.7% #C29D1E	RGB 194 157 30	#C29D1E
33.3%	33.3% #CAAA3C	RGB 202 170 60	#CAAA3C
50.0%	50.0% #D2B75B	RGB 210 183 91	#D2B75B
66.7%	66.7% #DAC479	RGB 218 196 121	#DAC479
83.3%	83.3% #E2D197	RGB 226 209 151	#E2D197
100.0%	100.0% #EBDFB6	RGB 235 223 182	#EBDFB6

#BA9000 #C29D1E #CAAA3C #D2B75B #DAC479 #E2D197 #EBDFB6

#BA9000 - #EBDFB6

HSV Blend

#BA9000 - #EBDFB6 | 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 #BA9000 as 0% and #EBDFB6 as 100%.

0.0%	0.0% #BA8F00	RGB 186 143 0	#BA8F00
16.7%	16.7% #C29B19	RGB 194 155 25	#C29B19
33.3%	33.3% #CAA834	RGB 202 168 52	#CAA834
50.0%	50.0% #D2B551	RGB 210 181 81	#D2B551
66.7%	66.7% #DAC270	RGB 218 194 112	#DAC270
83.3%	83.3% #E2D092	RGB 226 208 146	#E2D092
100.0%	100.0% #EBDFB6	RGB 235 223 182	#EBDFB6

#BA8F00 #C29B19 #CAA834 #D2B551 #DAC270 #E2D092 #EBDFB6

#BA9000 - #D2B551 - #EBDFB6

CSS codes

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

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