#6C8C8C - #165A4E | 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 #6C8C8C to #165A4E

#6C8C8C #165A4E

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

#6C8C8C - #165A4E | 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 #6C8C8C as 0% and #165A4E as 100%.

0.0%	0.0% #6C8C8C	RGB 108 140 140	#6C8C8C
16.7%	16.7% #5D8381	RGB 93 131 129	#5D8381
33.3%	33.3% #4F7B77	RGB 79 123 119	#4F7B77
50.0%	50.0% #41736D	RGB 65 115 109	#41736D
66.7%	66.7% #326A62	RGB 50 106 98	#326A62
83.3%	83.3% #246258	RGB 36 98 88	#246258
100.0%	100.0% #165A4E	RGB 22 90 78	#165A4E

#6C8C8C #5D8381 #4F7B77 #41736D #326A62 #246258 #165A4E

#6C8C8C - #165A4E

HSV Blend

#6C8C8C - #165A4E | 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 #6C8C8C as 0% and #165A4E as 100%.

0.0%	0.0% #6C8C8C	RGB 108 140 140	#6C8C8C
16.7%	16.7% #5A8382	RGB 90 131 130	#5A8382
33.3%	33.3% #497B78	RGB 73 123 120	#497B78
50.0%	50.0% #3A736E	RGB 58 115 110	#3A736E
66.7%	66.7% #2C6A63	RGB 44 106 99	#2C6A63
83.3%	83.3% #206258	RGB 32 98 88	#206258
100.0%	100.0% #165A4E	RGB 22 90 78	#165A4E

#6C8C8C #5A8382 #497B78 #3A736E #2C6A63 #206258 #165A4E

#6C8C8C - #3A736E - #165A4E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C8C8C 0%, #3A736E 50%, #165A4E 100%);
    background: -webkit-linear-gradient(top, #6C8C8C 0%, #3A736E 50%, #165A4E 100%);
    background: linear-gradient(to bottom, #6C8C8C 0%, #3A736E 50%, #165A4E 100%);
}
</style>