#869377 - #3E5E26 | 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 #869377 to #3E5E26

#869377 #3E5E26

Calculate the color between two colors, #869377 and #3E5E26. 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)

#869377 - #3E5E26 | 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 #869377 as 0% and #3E5E26 as 100%.

0.0%	0.0% #869377	RGB 134 147 119	#869377
16.7%	16.7% #7A8A69	RGB 122 138 105	#7A8A69
33.3%	33.3% #6E815C	RGB 110 129 92	#6E815C
50.0%	50.0% #62784E	RGB 98 120 78	#62784E
66.7%	66.7% #566F41	RGB 86 111 65	#566F41
83.3%	83.3% #4A6633	RGB 74 102 51	#4A6633
100.0%	100.0% #3E5E26	RGB 62 94 38	#3E5E26

#869377 #7A8A69 #6E815C #62784E #566F41 #4A6633 #3E5E26

#869377 - #3E5E26

HSV Blend

#869377 - #3E5E26 | 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 #869377 as 0% and #3E5E26 as 100%.

0.0%	0.0% #869377	RGB 134 147 119	#869377
16.7%	16.7% #788A66	RGB 120 138 102	#788A66
33.3%	33.3% #6C8157	RGB 108 129 87	#6C8157
50.0%	50.0% #5F7849	RGB 95 120 73	#5F7849
66.7%	66.7% #546F3C	RGB 84 111 60	#546F3C
83.3%	83.3% #486630	RGB 72 102 48	#486630
100.0%	100.0% #3E5E26	RGB 62 94 38	#3E5E26

#869377 #788A66 #6C8157 #5F7849 #546F3C #486630 #3E5E26

#869377 - #5F7849 - #3E5E26

CSS codes

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

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