#5E7F85 - #7EDBF2 | 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 #5E7F85 to #7EDBF2

#5E7F85 #7EDBF2

Calculate the color between two colors, #5E7F85 and #7EDBF2. 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)

#5E7F85 - #7EDBF2 | 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 #5E7F85 as 0% and #7EDBF2 as 100%.

0.0%	0.0% #5E7F85	RGB 94 127 133	#5E7F85
16.7%	16.7% #638E97	RGB 99 142 151	#638E97
33.3%	33.3% #689DA9	RGB 104 157 169	#689DA9
50.0%	50.0% #6EADBB	RGB 110 173 187	#6EADBB
66.7%	66.7% #73BCCD	RGB 115 188 205	#73BCCD
83.3%	83.3% #78CBDF	RGB 120 203 223	#78CBDF
100.0%	100.0% #7EDBF2	RGB 126 219 242	#7EDBF2

#5E7F85 #638E97 #689DA9 #6EADBB #73BCCD #78CBDF #7EDBF2

#5E7F85 - #7EDBF2

HSV Blend

#5E7F85 - #7EDBF2 | 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 #5E7F85 as 0% and #7EDBF2 as 100%.

0.0%	0.0% #5E7F85	RGB 94 127 133	#5E7F85
16.7%	16.7% #668F97	RGB 102 143 151	#668F97
33.3%	33.3% #6D9FA9	RGB 109 159 169	#6D9FA9
50.0%	50.0% #73AEBB	RGB 115 174 187	#73AEBB
66.7%	66.7% #77BDCD	RGB 119 189 205	#77BDCD
83.3%	83.3% #7BCCDF	RGB 123 204 223	#7BCCDF
100.0%	100.0% #7EDBF2	RGB 126 219 242	#7EDBF2

#5E7F85 #668F97 #6D9FA9 #73AEBB #77BDCD #7BCCDF #7EDBF2

#5E7F85 - #73AEBB - #7EDBF2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7F85 0%, #73AEBB 50%, #7EDBF2 100%);
    background: -webkit-linear-gradient(top, #5E7F85 0%, #73AEBB 50%, #7EDBF2 100%);
    background: linear-gradient(to bottom, #5E7F85 0%, #73AEBB 50%, #7EDBF2 100%);
}
</style>