#5EDFD7 - #77C2FF | 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 #5EDFD7 to #77C2FF

#5EDFD7 #77C2FF

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

#5EDFD7 - #77C2FF | 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 #5EDFD7 as 0% and #77C2FF as 100%.

0.0%	0.0% #5EDFD7	RGB 94 223 215	#5EDFD7
16.7%	16.7% #62DADD	RGB 98 218 221	#62DADD
33.3%	33.3% #66D5E4	RGB 102 213 228	#66D5E4
50.0%	50.0% #6AD0EB	RGB 106 208 235	#6AD0EB
66.7%	66.7% #6ECBF1	RGB 110 203 241	#6ECBF1
83.3%	83.3% #72C6F8	RGB 114 198 248	#72C6F8
100.0%	100.0% #77C2FF	RGB 119 194 255	#77C2FF

#5EDFD7 #62DADD #66D5E4 #6AD0EB #6ECBF1 #72C6F8 #77C2FF

#5EDFD7 - #77C2FF

HSV Blend

#5EDFD7 - #77C2FF | 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 #5EDFD7 as 0% and #77C2FF as 100%.

0.0%	0.0% #5EDFD7	RGB 94 223 215	#5EDFD7
16.7%	16.7% #61E1E4	RGB 97 225 228	#61E1E4
33.3%	33.3% #66DBE9	RGB 102 219 233	#66DBE9
50.0%	50.0% #6AD5EF	RGB 106 213 239	#6AD5EF
66.7%	66.7% #6ECFF4	RGB 110 207 244	#6ECFF4
83.3%	83.3% #72C8F9	RGB 114 200 249	#72C8F9
100.0%	100.0% #77C2FF	RGB 119 194 255	#77C2FF

#5EDFD7 #61E1E4 #66DBE9 #6AD5EF #6ECFF4 #72C8F9 #77C2FF

#5EDFD7 - #6AD5EF - #77C2FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EDFD7 0%, #6AD5EF 50%, #77C2FF 100%);
    background: -webkit-linear-gradient(top, #5EDFD7 0%, #6AD5EF 50%, #77C2FF 100%);
    background: linear-gradient(to bottom, #5EDFD7 0%, #6AD5EF 50%, #77C2FF 100%);
}
</style>