#7E9D9F - #94FFDA | 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 #7E9D9F to #94FFDA

#7E9D9F #94FFDA

Calculate the color between two colors, #7E9D9F and #94FFDA. 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)

#7E9D9F - #94FFDA | 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 #7E9D9F as 0% and #94FFDA as 100%.

0.0%	0.0% #7E9D9F	RGB 126 157 159	#7E9D9F
16.7%	16.7% #81ADA8	RGB 129 173 168	#81ADA8
33.3%	33.3% #85BDB2	RGB 133 189 178	#85BDB2
50.0%	50.0% #89CEBC	RGB 137 206 188	#89CEBC
66.7%	66.7% #8CDEC6	RGB 140 222 198	#8CDEC6
83.3%	83.3% #90EED0	RGB 144 238 208	#90EED0
100.0%	100.0% #94FFDA	RGB 148 255 218	#94FFDA

#7E9D9F #81ADA8 #85BDB2 #89CEBC #8CDEC6 #90EED0 #94FFDA

#7E9D9F - #94FFDA

HSV Blend

#7E9D9F - #94FFDA | 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 #7E9D9F as 0% and #94FFDA as 100%.

0.0%	0.0% #7E9D9F	RGB 126 157 159	#7E9D9F
16.7%	16.7% #84AFAE	RGB 132 175 174	#84AFAE
33.3%	33.3% #89BFBB	RGB 137 191 187	#89BFBB
50.0%	50.0% #8ECFC5	RGB 142 207 197	#8ECFC5
66.7%	66.7% #91DFCE	RGB 145 223 206	#91DFCE
83.3%	83.3% #93EFD5	RGB 147 239 213	#93EFD5
100.0%	100.0% #94FFDA	RGB 148 255 218	#94FFDA

#7E9D9F #84AFAE #89BFBB #8ECFC5 #91DFCE #93EFD5 #94FFDA

#7E9D9F - #8ECFC5 - #94FFDA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E9D9F 0%, #8ECFC5 50%, #94FFDA 100%);
    background: -webkit-linear-gradient(top, #7E9D9F 0%, #8ECFC5 50%, #94FFDA 100%);
    background: linear-gradient(to bottom, #7E9D9F 0%, #8ECFC5 50%, #94FFDA 100%);
}
</style>