#6E7B5E - #355014 | 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 #6E7B5E to #355014

#6E7B5E #355014

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

#6E7B5E - #355014 | 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 #6E7B5E as 0% and #355014 as 100%.

0.0%	0.0% #6E7B5E	RGB 110 123 94	#6E7B5E
16.7%	16.7% #647351	RGB 100 115 81	#647351
33.3%	33.3% #5B6C45	RGB 91 108 69	#5B6C45
50.0%	50.0% #516539	RGB 81 101 57	#516539
66.7%	66.7% #485E2C	RGB 72 94 44	#485E2C
83.3%	83.3% #3E5720	RGB 62 87 32	#3E5720
100.0%	100.0% #355014	RGB 53 80 20	#355014

#6E7B5E #647351 #5B6C45 #516539 #485E2C #3E5720 #355014

#6E7B5E - #355014

HSV Blend

#6E7B5E - #355014 | 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 #6E7B5E as 0% and #355014 as 100%.

0.0%	0.0% #6E7B5E	RGB 110 123 94	#6E7B5E
16.7%	16.7% #63734E	RGB 99 115 78	#63734E
33.3%	33.3% #586C40	RGB 88 108 64	#586C40
50.0%	50.0% #4F6533	RGB 79 101 51	#4F6533
66.7%	66.7% #455E27	RGB 69 94 39	#455E27
83.3%	83.3% #3D571D	RGB 61 87 29	#3D571D
100.0%	100.0% #355014	RGB 53 80 20	#355014

#6E7B5E #63734E #586C40 #4F6533 #455E27 #3D571D #355014

#6E7B5E - #4F6533 - #355014

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E7B5E 0%, #4F6533 50%, #355014 100%);
    background: -webkit-linear-gradient(top, #6E7B5E 0%, #4F6533 50%, #355014 100%);
    background: linear-gradient(to bottom, #6E7B5E 0%, #4F6533 50%, #355014 100%);
}
</style>