#5E4A15 - #C09C31 | 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 #5E4A15 to #C09C31

#5E4A15 #C09C31

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

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

0.0%	0.0% #5E4A15	RGB 94 74 21	#5E4A15
16.7%	16.7% #6E5719	RGB 110 87 25	#6E5719
33.3%	33.3% #7E651E	RGB 126 101 30	#7E651E
50.0%	50.0% #8F7323	RGB 143 115 35	#8F7323
66.7%	66.7% #9F8027	RGB 159 128 39	#9F8027
83.3%	83.3% #AF8E2C	RGB 175 142 44	#AF8E2C
100.0%	100.0% #C09C31	RGB 192 156 49	#C09C31

#5E4A15 #6E5719 #7E651E #8F7323 #9F8027 #AF8E2C #C09C31

#5E4A15 - #C09C31

HSV Blend

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

0.0%	0.0% #5E4A14	RGB 94 74 20	#5E4A14
16.7%	16.7% #6E5719	RGB 110 87 25	#6E5719
33.3%	33.3% #7E641D	RGB 126 100 29	#7E641D
50.0%	50.0% #8F7222	RGB 143 114 34	#8F7222
66.7%	66.7% #9F8026	RGB 159 128 38	#9F8026
83.3%	83.3% #AF8E2B	RGB 175 142 43	#AF8E2B
100.0%	100.0% #C09C31	RGB 192 156 49	#C09C31

#5E4A14 #6E5719 #7E641D #8F7222 #9F8026 #AF8E2B #C09C31

#5E4A15 - #8F7222 - #C09C31

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4A14 0%, #8F7222 50%, #C09C31 100%);
    background: -webkit-linear-gradient(top, #5E4A14 0%, #8F7222 50%, #C09C31 100%);
    background: linear-gradient(to bottom, #5E4A14 0%, #8F7222 50%, #C09C31 100%);
}
</style>