#758D5E - #385F16 | 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 #758D5E to #385F16

#758D5E #385F16

Calculate the color between two colors, #758D5E and #385F16. 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)

#758D5E - #385F16 | 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 #758D5E as 0% and #385F16 as 100%.

0.0%	0.0% #758D5E	RGB 117 141 94	#758D5E
16.7%	16.7% #6A8552	RGB 106 133 82	#6A8552
33.3%	33.3% #607D46	RGB 96 125 70	#607D46
50.0%	50.0% #56763A	RGB 86 118 58	#56763A
66.7%	66.7% #4C6E2E	RGB 76 110 46	#4C6E2E
83.3%	83.3% #426622	RGB 66 102 34	#426622
100.0%	100.0% #385F16	RGB 56 95 22	#385F16

#758D5E #6A8552 #607D46 #56763A #4C6E2E #426622 #385F16

#758D5E - #385F16

HSV Blend

#758D5E - #385F16 | 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 #758D5E as 0% and #385F16 as 100%.

0.0%	0.0% #758D5E	RGB 117 141 94	#758D5E
16.7%	16.7% #69854F	RGB 105 133 79	#69854F
33.3%	33.3% #5E7D41	RGB 94 125 65	#5E7D41
50.0%	50.0% #547634	RGB 84 118 52	#547634
66.7%	66.7% #4A6E29	RGB 74 110 41	#4A6E29
83.3%	83.3% #40661F	RGB 64 102 31	#40661F
100.0%	100.0% #385F16	RGB 56 95 22	#385F16

#758D5E #69854F #5E7D41 #547634 #4A6E29 #40661F #385F16

#758D5E - #547634 - #385F16

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #758D5E 0%, #547634 50%, #385F16 100%);
    background: -webkit-linear-gradient(top, #758D5E 0%, #547634 50%, #385F16 100%);
    background: linear-gradient(to bottom, #758D5E 0%, #547634 50%, #385F16 100%);
}
</style>