#5E5019 - #A0BA59 | 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 #5E5019 to #A0BA59

#5E5019 #A0BA59

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

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

0.0%	0.0% #5E5019	RGB 94 80 25	#5E5019
16.7%	16.7% #696123	RGB 105 97 35	#696123
33.3%	33.3% #74732E	RGB 116 115 46	#74732E
50.0%	50.0% #7F8539	RGB 127 133 57	#7F8539
66.7%	66.7% #8A9643	RGB 138 150 67	#8A9643
83.3%	83.3% #95A84E	RGB 149 168 78	#95A84E
100.0%	100.0% #A0BA59	RGB 160 186 89	#A0BA59

#5E5019 #696123 #74732E #7F8539 #8A9643 #95A84E #A0BA59

#5E5019 - #A0BA59

HSV Blend

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

0.0%	0.0% #5E5019	RGB 94 80 25	#5E5019
16.7%	16.7% #6D6320	RGB 109 99 32	#6D6320
33.3%	33.3% #7C7829	RGB 124 120 41	#7C7829
50.0%	50.0% #898C34	RGB 137 140 52	#898C34
66.7%	66.7% #919B3F	RGB 145 155 63	#919B3F
83.3%	83.3% #98AA4B	RGB 152 170 75	#98AA4B
100.0%	100.0% #A0BA59	RGB 160 186 89	#A0BA59

#5E5019 #6D6320 #7C7829 #898C34 #919B3F #98AA4B #A0BA59

#5E5019 - #898C34 - #A0BA59

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5019 0%, #898C34 50%, #A0BA59 100%);
    background: -webkit-linear-gradient(top, #5E5019 0%, #898C34 50%, #A0BA59 100%);
    background: linear-gradient(to bottom, #5E5019 0%, #898C34 50%, #A0BA59 100%);
}
</style>