#6C7A7E - #8FDCC7 | 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 #6C7A7E to #8FDCC7

#6C7A7E #8FDCC7

Calculate the color between two colors, #6C7A7E and #8FDCC7. 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)

#6C7A7E - #8FDCC7 | 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 #6C7A7E as 0% and #8FDCC7 as 100%.

0.0%	0.0% #6C7A7E	RGB 108 122 126	#6C7A7E
16.7%	16.7% #718A8A	RGB 113 138 138	#718A8A
33.3%	33.3% #779A96	RGB 119 154 150	#779A96
50.0%	50.0% #7DABA2	RGB 125 171 162	#7DABA2
66.7%	66.7% #83BBAE	RGB 131 187 174	#83BBAE
83.3%	83.3% #89CBBA	RGB 137 203 186	#89CBBA
100.0%	100.0% #8FDCC7	RGB 143 220 199	#8FDCC7

#6C7A7E #718A8A #779A96 #7DABA2 #83BBAE #89CBBA #8FDCC7

#6C7A7E - #8FDCC7

HSV Blend

#6C7A7E - #8FDCC7 | 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 #6C7A7E as 0% and #8FDCC7 as 100%.

0.0%	0.0% #6C7A7E	RGB 108 122 126	#6C7A7E
16.7%	16.7% #748A8D	RGB 116 138 141	#748A8D
33.3%	33.3% #7B9B9D	RGB 123 155 157	#7B9B9D
50.0%	50.0% #82ADAB	RGB 130 173 171	#82ADAB
66.7%	66.7% #87BCB6	RGB 135 188 182	#87BCB6
83.3%	83.3% #8BCCC0	RGB 139 204 192	#8BCCC0
100.0%	100.0% #8FDCC7	RGB 143 220 199	#8FDCC7

#6C7A7E #748A8D #7B9B9D #82ADAB #87BCB6 #8BCCC0 #8FDCC7

#6C7A7E - #82ADAB - #8FDCC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C7A7E 0%, #82ADAB 50%, #8FDCC7 100%);
    background: -webkit-linear-gradient(top, #6C7A7E 0%, #82ADAB 50%, #8FDCC7 100%);
    background: linear-gradient(to bottom, #6C7A7E 0%, #82ADAB 50%, #8FDCC7 100%);
}
</style>