#7C9A8B - #2D6B5C | 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 #7C9A8B to #2D6B5C

#7C9A8B #2D6B5C

Calculate the color between two colors, #7C9A8B and #2D6B5C. 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)

#7C9A8B - #2D6B5C | 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 #7C9A8B as 0% and #2D6B5C as 100%.

0.0%	0.0% #7C9A8B	RGB 124 154 139	#7C9A8B
16.7%	16.7% #6E9283	RGB 110 146 131	#6E9283
33.3%	33.3% #618A7B	RGB 97 138 123	#618A7B
50.0%	50.0% #548273	RGB 84 130 115	#548273
66.7%	66.7% #477A6B	RGB 71 122 107	#477A6B
83.3%	83.3% #3A7263	RGB 58 114 99	#3A7263
100.0%	100.0% #2D6B5C	RGB 45 107 92	#2D6B5C

#7C9A8B #6E9283 #618A7B #548273 #477A6B #3A7263 #2D6B5C

#7C9A8B - #2D6B5C

HSV Blend

#7C9A8B - #2D6B5C | 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 #7C9A8B as 0% and #2D6B5C as 100%.

0.0%	0.0% #7C9A8B	RGB 124 154 139	#7C9A8B
16.7%	16.7% #6C9280	RGB 108 146 128	#6C9280
33.3%	33.3% #5D8A77	RGB 93 138 119	#5D8A77
50.0%	50.0% #4F826F	RGB 79 130 111	#4F826F
66.7%	66.7% #437A68	RGB 67 122 104	#437A68
83.3%	83.3% #377261	RGB 55 114 97	#377261
100.0%	100.0% #2D6B5C	RGB 45 107 92	#2D6B5C

#7C9A8B #6C9280 #5D8A77 #4F826F #437A68 #377261 #2D6B5C

#7C9A8B - #4F826F - #2D6B5C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7C9A8B 0%, #4F826F 50%, #2D6B5C 100%);
    background: -webkit-linear-gradient(top, #7C9A8B 0%, #4F826F 50%, #2D6B5C 100%);
    background: linear-gradient(to bottom, #7C9A8B 0%, #4F826F 50%, #2D6B5C 100%);
}
</style>