#5E656E - #7AE0E6 | 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 #5E656E to #7AE0E6

#5E656E #7AE0E6

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

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

0.0%	0.0% #5E656E	RGB 94 101 110	#5E656E
16.7%	16.7% #627982	RGB 98 121 130	#627982
33.3%	33.3% #678E96	RGB 103 142 150	#678E96
50.0%	50.0% #6CA2AA	RGB 108 162 170	#6CA2AA
66.7%	66.7% #70B7BE	RGB 112 183 190	#70B7BE
83.3%	83.3% #75CBD2	RGB 117 203 210	#75CBD2
100.0%	100.0% #7AE0E6	RGB 122 224 230	#7AE0E6

#5E656E #627982 #678E96 #6CA2AA #70B7BE #75CBD2 #7AE0E6

#5E656E - #7AE0E6

HSV Blend

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

0.0%	0.0% #5E656E	RGB 94 101 110	#5E656E
16.7%	16.7% #687582	RGB 104 117 130	#687582
33.3%	33.3% #6F8796	RGB 111 135 150	#6F8796
50.0%	50.0% #7599AA	RGB 117 153 170	#7599AA
66.7%	66.7% #79AEBE	RGB 121 174 190	#79AEBE
83.3%	83.3% #7AC5D2	RGB 122 197 210	#7AC5D2
100.0%	100.0% #7AE0E6	RGB 122 224 230	#7AE0E6

#5E656E #687582 #6F8796 #7599AA #79AEBE #7AC5D2 #7AE0E6

#5E656E - #7599AA - #7AE0E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E656E 0%, #7599AA 50%, #7AE0E6 100%);
    background: -webkit-linear-gradient(top, #5E656E 0%, #7599AA 50%, #7AE0E6 100%);
    background: linear-gradient(to bottom, #5E656E 0%, #7599AA 50%, #7AE0E6 100%);
}
</style>