#6A8C5E - #1F581D | 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 #6A8C5E to #1F581D

#6A8C5E #1F581D

Calculate the color between two colors, #6A8C5E and #1F581D. 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)

#6A8C5E - #1F581D | 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 #6A8C5E as 0% and #1F581D as 100%.

0.0%	0.0% #6A8C5E	RGB 106 140 94	#6A8C5E
16.7%	16.7% #5D8353	RGB 93 131 83	#5D8353
33.3%	33.3% #517A48	RGB 81 122 72	#517A48
50.0%	50.0% #44723D	RGB 68 114 61	#44723D
66.7%	66.7% #386932	RGB 56 105 50	#386932
83.3%	83.3% #2B6027	RGB 43 96 39	#2B6027
100.0%	100.0% #1F581D	RGB 31 88 29	#1F581D

#6A8C5E #5D8353 #517A48 #44723D #386932 #2B6027 #1F581D

#6A8C5E - #1F581D

HSV Blend

#6A8C5E - #1F581D | 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 #6A8C5E as 0% and #1F581D as 100%.

0.0%	0.0% #6A8C5E	RGB 106 140 94	#6A8C5E
16.7%	16.7% #5B8350	RGB 91 131 80	#5B8350
33.3%	33.3% #4E7A44	RGB 78 122 68	#4E7A44
50.0%	50.0% #417239	RGB 65 114 57	#417239
66.7%	66.7% #35692E	RGB 53 105 46	#35692E
83.3%	83.3% #296025	RGB 41 96 37	#296025
100.0%	100.0% #1F581D	RGB 31 88 29	#1F581D

#6A8C5E #5B8350 #4E7A44 #417239 #35692E #296025 #1F581D

#6A8C5E - #417239 - #1F581D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A8C5E 0%, #417239 50%, #1F581D 100%);
    background: -webkit-linear-gradient(top, #6A8C5E 0%, #417239 50%, #1F581D 100%);
    background: linear-gradient(to bottom, #6A8C5E 0%, #417239 50%, #1F581D 100%);
}
</style>