#5E9F8B - #80ECF5 | 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 #5E9F8B to #80ECF5

#5E9F8B #80ECF5

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

#5E9F8B - #80ECF5 | 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 #5E9F8B as 0% and #80ECF5 as 100%.

0.0%	0.0% #5E9F8B	RGB 94 159 139	#5E9F8B
16.7%	16.7% #63AB9C	RGB 99 171 156	#63AB9C
33.3%	33.3% #69B8AE	RGB 105 184 174	#69B8AE
50.0%	50.0% #6FC5C0	RGB 111 197 192	#6FC5C0
66.7%	66.7% #74D2D1	RGB 116 210 209	#74D2D1
83.3%	83.3% #7ADFE3	RGB 122 223 227	#7ADFE3
100.0%	100.0% #80ECF5	RGB 128 236 245	#80ECF5

#5E9F8B #63AB9C #69B8AE #6FC5C0 #74D2D1 #7ADFE3 #80ECF5

#5E9F8B - #80ECF5

HSV Blend

#5E9F8B - #80ECF5 | 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 #5E9F8B as 0% and #80ECF5 as 100%.

0.0%	0.0% #5E9F8B	RGB 94 159 139	#5E9F8B
16.7%	16.7% #64AD9B	RGB 100 173 155	#64AD9B
33.3%	33.3% #6ABBAD	RGB 106 187 173	#6ABBAD
50.0%	50.0% #70CABF	RGB 112 202 191	#70CABF
66.7%	66.7% #75D8D3	RGB 117 216 211	#75D8D3
83.3%	83.3% #7BE5E6	RGB 123 229 230	#7BE5E6
100.0%	100.0% #80ECF5	RGB 128 236 245	#80ECF5

#5E9F8B #64AD9B #6ABBAD #70CABF #75D8D3 #7BE5E6 #80ECF5

#5E9F8B - #70CABF - #80ECF5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9F8B 0%, #70CABF 50%, #80ECF5 100%);
    background: -webkit-linear-gradient(top, #5E9F8B 0%, #70CABF 50%, #80ECF5 100%);
    background: linear-gradient(to bottom, #5E9F8B 0%, #70CABF 50%, #80ECF5 100%);
}
</style>