#5E5E6E - #7DB1AA | 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 #5E5E6E to #7DB1AA

#5E5E6E #7DB1AA

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

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

0.0%	0.0% #5E5E6E	RGB 94 94 110	#5E5E6E
16.7%	16.7% #636B78	RGB 99 107 120	#636B78
33.3%	33.3% #687982	RGB 104 121 130	#687982
50.0%	50.0% #6D878C	RGB 109 135 140	#6D878C
66.7%	66.7% #729596	RGB 114 149 150	#729596
83.3%	83.3% #77A3A0	RGB 119 163 160	#77A3A0
100.0%	100.0% #7DB1AA	RGB 125 177 170	#7DB1AA

#5E5E6E #636B78 #687982 #6D878C #729596 #77A3A0 #7DB1AA

#5E5E6E - #7DB1AA

HSV Blend

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

0.0%	0.0% #5E5E6E	RGB 94 94 110	#5E5E6E
16.7%	16.7% #646879	RGB 100 104 121	#646879
33.3%	33.3% #6A7484	RGB 106 116 132	#6A7484
50.0%	50.0% #6F818F	RGB 111 129 143	#6F818F
66.7%	66.7% #74919A	RGB 116 145 154	#74919A
83.3%	83.3% #79A3A5	RGB 121 163 165	#79A3A5
100.0%	100.0% #7DB1AA	RGB 125 177 170	#7DB1AA

#5E5E6E #646879 #6A7484 #6F818F #74919A #79A3A5 #7DB1AA

#5E5E6E - #6F818F - #7DB1AA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E6E 0%, #6F818F 50%, #7DB1AA 100%);
    background: -webkit-linear-gradient(top, #5E5E6E 0%, #6F818F 50%, #7DB1AA 100%);
    background: linear-gradient(to bottom, #5E5E6E 0%, #6F818F 50%, #7DB1AA 100%);
}
</style>