#BDAF5E - #93751C | 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 #BDAF5E to #93751C

#BDAF5E #93751C

Calculate the color between two colors, #BDAF5E and #93751C. 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)

#BDAF5E - #93751C | 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 #BDAF5E as 0% and #93751C as 100%.

0.0%	0.0% #BDAF5E	RGB 189 175 94	#BDAF5E
16.7%	16.7% #B6A553	RGB 182 165 83	#B6A553
33.3%	33.3% #AF9B48	RGB 175 155 72	#AF9B48
50.0%	50.0% #A8923D	RGB 168 146 61	#A8923D
66.7%	66.7% #A18832	RGB 161 136 50	#A18832
83.3%	83.3% #9A7E27	RGB 154 126 39	#9A7E27
100.0%	100.0% #93751C	RGB 147 117 28	#93751C

#BDAF5E #B6A553 #AF9B48 #A8923D #A18832 #9A7E27 #93751C

#BDAF5E - #93751C

HSV Blend

#BDAF5E - #93751C | 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 #BDAF5E as 0% and #93751C as 100%.

0.0%	0.0% #BDAF5E	RGB 189 175 94	#BDAF5E
16.7%	16.7% #B6A551	RGB 182 165 81	#B6A551
33.3%	33.3% #AF9B45	RGB 175 155 69	#AF9B45
50.0%	50.0% #A89139	RGB 168 145 57	#A89139
66.7%	66.7% #A1882F	RGB 161 136 47	#A1882F
83.3%	83.3% #9A7E25	RGB 154 126 37	#9A7E25
100.0%	100.0% #93751C	RGB 147 117 28	#93751C

#BDAF5E #B6A551 #AF9B45 #A89139 #A1882F #9A7E25 #93751C

#BDAF5E - #A89139 - #93751C

CSS codes

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

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