#6A8C8C - #155A4D | 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 #6A8C8C to #155A4D

#6A8C8C #155A4D

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

#6A8C8C - #155A4D | 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 #6A8C8C as 0% and #155A4D as 100%.

0.0%	0.0% #6A8C8C	RGB 106 140 140	#6A8C8C
16.7%	16.7% #5B8381	RGB 91 131 129	#5B8381
33.3%	33.3% #4D7B77	RGB 77 123 119	#4D7B77
50.0%	50.0% #3F736C	RGB 63 115 108	#3F736C
66.7%	66.7% #316A62	RGB 49 106 98	#316A62
83.3%	83.3% #236257	RGB 35 98 87	#236257
100.0%	100.0% #155A4D	RGB 21 90 77	#155A4D

#6A8C8C #5B8381 #4D7B77 #3F736C #316A62 #236257 #155A4D

#6A8C8C - #155A4D

HSV Blend

#6A8C8C - #155A4D | 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 #6A8C8C as 0% and #155A4D as 100%.

0.0%	0.0% #6A8C8C	RGB 106 140 140	#6A8C8C
16.7%	16.7% #588382	RGB 88 131 130	#588382
33.3%	33.3% #477B78	RGB 71 123 120	#477B78
50.0%	50.0% #38736D	RGB 56 115 109	#38736D
66.7%	66.7% #2B6A62	RGB 43 106 98	#2B6A62
83.3%	83.3% #1F6257	RGB 31 98 87	#1F6257
100.0%	100.0% #155A4D	RGB 21 90 77	#155A4D

#6A8C8C #588382 #477B78 #38736D #2B6A62 #1F6257 #155A4D

#6A8C8C - #38736D - #155A4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A8C8C 0%, #38736D 50%, #155A4D 100%);
    background: -webkit-linear-gradient(top, #6A8C8C 0%, #38736D 50%, #155A4D 100%);
    background: linear-gradient(to bottom, #6A8C8C 0%, #38736D 50%, #155A4D 100%);
}
</style>