#5E5B1E - #DB9F3B | 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 #5E5B1E to #DB9F3B

#5E5B1E #DB9F3B

Calculate the color between two colors, #5E5B1E and #DB9F3B. 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)

#5E5B1E - #DB9F3B | 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 #5E5B1E as 0% and #DB9F3B as 100%.

0.0%	0.0% #5E5B1E	RGB 94 91 30	#5E5B1E
16.7%	16.7% #726622	RGB 114 102 34	#726622
33.3%	33.3% #877127	RGB 135 113 39	#877127
50.0%	50.0% #9C7D2C	RGB 156 125 44	#9C7D2C
66.7%	66.7% #B18831	RGB 177 136 49	#B18831
83.3%	83.3% #C69336	RGB 198 147 54	#C69336
100.0%	100.0% #DB9F3B	RGB 219 159 59	#DB9F3B

#5E5B1E #726622 #877127 #9C7D2C #B18831 #C69336 #DB9F3B

#5E5B1E - #DB9F3B

HSV Blend

#5E5B1E - #DB9F3B | 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 #5E5B1E as 0% and #DB9F3B as 100%.

0.0%	0.0% #5E5B1E	RGB 94 91 30	#5E5B1E
16.7%	16.7% #726A23	RGB 114 106 35	#726A23
33.3%	33.3% #877829	RGB 135 120 41	#877829
50.0%	50.0% #9C852E	RGB 156 133 46	#9C852E
66.7%	66.7% #B18F32	RGB 177 143 50	#B18F32
83.3%	83.3% #C69837	RGB 198 152 55	#C69837
100.0%	100.0% #DB9F3B	RGB 219 159 59	#DB9F3B

#5E5B1E #726A23 #877829 #9C852E #B18F32 #C69837 #DB9F3B

#5E5B1E - #9C852E - #DB9F3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5B1E 0%, #9C852E 50%, #DB9F3B 100%);
    background: -webkit-linear-gradient(top, #5E5B1E 0%, #9C852E 50%, #DB9F3B 100%);
    background: linear-gradient(to bottom, #5E5B1E 0%, #9C852E 50%, #DB9F3B 100%);
}
</style>