#5E7510 - #DFBE3B | 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 #5E7510 to #DFBE3B

#5E7510 #DFBE3B

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

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

0.0%	0.0% #5E7510	RGB 94 117 16	#5E7510
16.7%	16.7% #738117	RGB 115 129 23	#738117
33.3%	33.3% #898D1E	RGB 137 141 30	#898D1E
50.0%	50.0% #9E9925	RGB 158 153 37	#9E9925
66.7%	66.7% #B4A52C	RGB 180 165 44	#B4A52C
83.3%	83.3% #C9B133	RGB 201 177 51	#C9B133
100.0%	100.0% #DFBE3B	RGB 223 190 59	#DFBE3B

#5E7510 #738117 #898D1E #9E9925 #B4A52C #C9B133 #DFBE3B

#5E7510 - #DFBE3B

HSV Blend

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

0.0%	0.0% #5E7510	RGB 94 117 16	#5E7510
16.7%	16.7% #748615	RGB 116 134 21	#748615
33.3%	33.3% #8D981B	RGB 141 152 27	#8D981B
50.0%	50.0% #A8AA22	RGB 168 170 34	#A8AA22
66.7%	66.7% #BBB329	RGB 187 179 41	#BBB329
83.3%	83.3% #CDB931	RGB 205 185 49	#CDB931
100.0%	100.0% #DFBE3B	RGB 223 190 59	#DFBE3B

#5E7510 #748615 #8D981B #A8AA22 #BBB329 #CDB931 #DFBE3B

#5E7510 - #A8AA22 - #DFBE3B

CSS codes

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

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