#348A8C - #5EEF8A | 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 #348A8C to #5EEF8A

#348A8C #5EEF8A

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

#348A8C - #5EEF8A | 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 #348A8C as 0% and #5EEF8A as 100%.

0.0%	0.0% #348A8C	RGB 52 138 140	#348A8C
16.7%	16.7% #3B9A8B	RGB 59 154 139	#3B9A8B
33.3%	33.3% #42AB8B	RGB 66 171 139	#42AB8B
50.0%	50.0% #49BC8B	RGB 73 188 139	#49BC8B
66.7%	66.7% #50CD8A	RGB 80 205 138	#50CD8A
83.3%	83.3% #57DE8A	RGB 87 222 138	#57DE8A
100.0%	100.0% #5EEF8A	RGB 94 239 138	#5EEF8A

#348A8C #3B9A8B #42AB8B #49BC8B #50CD8A #57DE8A #5EEF8A

#348A8C - #5EEF8A

HSV Blend

#348A8C - #5EEF8A | 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 #348A8C as 0% and #5EEF8A as 100%.

0.0%	0.0% #348A8C	RGB 52 138 140	#348A8C
16.7%	16.7% #3A9C92	RGB 58 156 146	#3A9C92
33.3%	33.3% #41AD95	RGB 65 173 149	#41AD95
50.0%	50.0% #48BD96	RGB 72 189 150	#48BD96
66.7%	66.7% #4FCE94	RGB 79 206 148	#4FCE94
83.3%	83.3% #56DE90	RGB 86 222 144	#56DE90
100.0%	100.0% #5EEF8A	RGB 94 239 138	#5EEF8A

#348A8C #3A9C92 #41AD95 #48BD96 #4FCE94 #56DE90 #5EEF8A

#348A8C - #48BD96 - #5EEF8A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #348A8C 0%, #48BD96 50%, #5EEF8A 100%);
    background: -webkit-linear-gradient(top, #348A8C 0%, #48BD96 50%, #5EEF8A 100%);
    background: linear-gradient(to bottom, #348A8C 0%, #48BD96 50%, #5EEF8A 100%);
}
</style>