#4B5E0E - #C0A838 | 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 #4B5E0E to #C0A838

#4B5E0E #C0A838

Calculate the color between two colors, #4B5E0E and #C0A838. 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)

#4B5E0E - #C0A838 | 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 #4B5E0E as 0% and #C0A838 as 100%.

0.0%	0.0% #4B5E0E	RGB 75 94 14	#4B5E0E
16.7%	16.7% #5E6A15	RGB 94 106 21	#5E6A15
33.3%	33.3% #72761C	RGB 114 118 28	#72761C
50.0%	50.0% #858323	RGB 133 131 35	#858323
66.7%	66.7% #998F2A	RGB 153 143 42	#998F2A
83.3%	83.3% #AC9B31	RGB 172 155 49	#AC9B31
100.0%	100.0% #C0A838	RGB 192 168 56	#C0A838

#4B5E0E #5E6A15 #72761C #858323 #998F2A #AC9B31 #C0A838

#4B5E0E - #C0A838

HSV Blend

#4B5E0E - #C0A838 | 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 #4B5E0E as 0% and #C0A838 as 100%.

0.0%	0.0% #4B5E0D	RGB 75 94 13	#4B5E0D
16.7%	16.7% #5E6E13	RGB 94 110 19	#5E6E13
33.3%	33.3% #747E18	RGB 116 126 24	#747E18
50.0%	50.0% #8B8F1F	RGB 139 143 31	#8B8F1F
66.7%	66.7% #9F9A26	RGB 159 154 38	#9F9A26
83.3%	83.3% #AFA12F	RGB 175 161 47	#AFA12F
100.0%	100.0% #C0A838	RGB 192 168 56	#C0A838

#4B5E0D #5E6E13 #747E18 #8B8F1F #9F9A26 #AFA12F #C0A838

#4B5E0E - #8B8F1F - #C0A838

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E0D 0%, #8B8F1F 50%, #C0A838 100%);
    background: -webkit-linear-gradient(top, #4B5E0D 0%, #8B8F1F 50%, #C0A838 100%);
    background: linear-gradient(to bottom, #4B5E0D 0%, #8B8F1F 50%, #C0A838 100%);
}
</style>