#5E6D7B - #7ED5AF | 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 #5E6D7B to #7ED5AF

#5E6D7B #7ED5AF

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

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

0.0%	0.0% #5E6D7B	RGB 94 109 123	#5E6D7B
16.7%	16.7% #637E83	RGB 99 126 131	#637E83
33.3%	33.3% #688F8C	RGB 104 143 140	#688F8C
50.0%	50.0% #6EA195	RGB 110 161 149	#6EA195
66.7%	66.7% #73B29D	RGB 115 178 157	#73B29D
83.3%	83.3% #78C3A6	RGB 120 195 166	#78C3A6
100.0%	100.0% #7ED5AF	RGB 126 213 175	#7ED5AF

#5E6D7B #637E83 #688F8C #6EA195 #73B29D #78C3A6 #7ED5AF

#5E6D7B - #7ED5AF

HSV Blend

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

0.0%	0.0% #5E6D7B	RGB 94 109 123	#5E6D7B
16.7%	16.7% #657D8A	RGB 101 125 138	#657D8A
33.3%	33.3% #6C9199	RGB 108 145 153	#6C9199
50.0%	50.0% #71A6A8	RGB 113 166 168	#71A6A8
66.7%	66.7% #76B7AE	RGB 118 183 174	#76B7AE
83.3%	83.3% #7AC6B0	RGB 122 198 176	#7AC6B0
100.0%	100.0% #7ED5AF	RGB 126 213 175	#7ED5AF

#5E6D7B #657D8A #6C9199 #71A6A8 #76B7AE #7AC6B0 #7ED5AF

#5E6D7B - #71A6A8 - #7ED5AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6D7B 0%, #71A6A8 50%, #7ED5AF 100%);
    background: -webkit-linear-gradient(top, #5E6D7B 0%, #71A6A8 50%, #7ED5AF 100%);
    background: linear-gradient(to bottom, #5E6D7B 0%, #71A6A8 50%, #7ED5AF 100%);
}
</style>