#74593C - #DCB65C | 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 #74593C to #DCB65C

#74593C #DCB65C

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

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

0.0%	0.0% #74593C	RGB 116 89 60	#74593C
16.7%	16.7% #856841	RGB 133 104 65	#856841
33.3%	33.3% #967846	RGB 150 120 70	#967846
50.0%	50.0% #A8874C	RGB 168 135 76	#A8874C
66.7%	66.7% #B99751	RGB 185 151 81	#B99751
83.3%	83.3% #CAA656	RGB 202 166 86	#CAA656
100.0%	100.0% #DCB65C	RGB 220 182 92	#DCB65C

#74593C #856841 #967846 #A8874C #B99751 #CAA656 #DCB65C

#74593C - #DCB65C

HSV Blend

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

0.0%	0.0% #74593C	RGB 116 89 60	#74593C
16.7%	16.7% #856742	RGB 133 103 66	#856742
33.3%	33.3% #967548	RGB 150 117 72	#967548
50.0%	50.0% #A8854E	RGB 168 133 78	#A8854E
66.7%	66.7% #B99453	RGB 185 148 83	#B99453
83.3%	83.3% #CAA558	RGB 202 165 88	#CAA558
100.0%	100.0% #DCB65C	RGB 220 182 92	#DCB65C

#74593C #856742 #967548 #A8854E #B99453 #CAA558 #DCB65C

#74593C - #A8854E - #DCB65C

CSS codes

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

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