#686B5E - #354112 | 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 #686B5E to #354112

#686B5E #354112

Calculate the color between two colors, #686B5E and #354112. 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)

#686B5E - #354112 | 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 #686B5E as 0% and #354112 as 100%.

0.0%	0.0% #686B5E	RGB 104 107 94	#686B5E
16.7%	16.7% #5F6451	RGB 95 100 81	#5F6451
33.3%	33.3% #575D44	RGB 87 93 68	#575D44
50.0%	50.0% #4E5638	RGB 78 86 56	#4E5638
66.7%	66.7% #464F2B	RGB 70 79 43	#464F2B
83.3%	83.3% #3D481E	RGB 61 72 30	#3D481E
100.0%	100.0% #354112	RGB 53 65 18	#354112

#686B5E #5F6451 #575D44 #4E5638 #464F2B #3D481E #354112

#686B5E - #354112

HSV Blend

#686B5E - #354112 | 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 #686B5E as 0% and #354112 as 100%.

0.0%	0.0% #686B5E	RGB 104 107 94	#686B5E
16.7%	16.7% #5E644D	RGB 94 100 77	#5E644D
33.3%	33.3% #555D3F	RGB 85 93 63	#555D3F
50.0%	50.0% #4D5631	RGB 77 86 49	#4D5631
66.7%	66.7% #444F25	RGB 68 79 37	#444F25
83.3%	83.3% #3C481B	RGB 60 72 27	#3C481B
100.0%	100.0% #354112	RGB 53 65 18	#354112

#686B5E #5E644D #555D3F #4D5631 #444F25 #3C481B #354112

#686B5E - #4D5631 - #354112

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #686B5E 0%, #4D5631 50%, #354112 100%);
    background: -webkit-linear-gradient(top, #686B5E 0%, #4D5631 50%, #354112 100%);
    background: linear-gradient(to bottom, #686B5E 0%, #4D5631 50%, #354112 100%);
}
</style>