#5EAFDB - #85FFBA | 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 #5EAFDB to #85FFBA

#5EAFDB #85FFBA

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

#5EAFDB - #85FFBA | 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 #5EAFDB as 0% and #85FFBA as 100%.

0.0%	0.0% #5EAFDB	RGB 94 175 219	#5EAFDB
16.7%	16.7% #64BCD5	RGB 100 188 213	#64BCD5
33.3%	33.3% #6BC9D0	RGB 107 201 208	#6BC9D0
50.0%	50.0% #71D7CA	RGB 113 215 202	#71D7CA
66.7%	66.7% #78E4C5	RGB 120 228 197	#78E4C5
83.3%	83.3% #7EF1BF	RGB 126 241 191	#7EF1BF
100.0%	100.0% #85FFBA	RGB 133 255 186	#85FFBA

#5EAFDB #64BCD5 #6BC9D0 #71D7CA #78E4C5 #7EF1BF #85FFBA

#5EAFDB - #85FFBA

HSV Blend

#5EAFDB - #85FFBA | 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 #5EAFDB as 0% and #85FFBA as 100%.

0.0%	0.0% #5EAFDB	RGB 94 175 219	#5EAFDB
16.7%	16.7% #64C8E1	RGB 100 200 225	#64C8E1
33.3%	33.3% #6AE1E7	RGB 106 225 231	#6AE1E7
50.0%	50.0% #70EDDF	RGB 112 237 223	#70EDDF
66.7%	66.7% #77F3D2	RGB 119 243 210	#77F3D2
83.3%	83.3% #7EF9C6	RGB 126 249 198	#7EF9C6
100.0%	100.0% #85FFBA	RGB 133 255 186	#85FFBA

#5EAFDB #64C8E1 #6AE1E7 #70EDDF #77F3D2 #7EF9C6 #85FFBA

#5EAFDB - #70EDDF - #85FFBA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAFDB 0%, #70EDDF 50%, #85FFBA 100%);
    background: -webkit-linear-gradient(top, #5EAFDB 0%, #70EDDF 50%, #85FFBA 100%);
    background: linear-gradient(to bottom, #5EAFDB 0%, #70EDDF 50%, #85FFBA 100%);
}
</style>