#8EC5A8 - #348D70 | 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 #8EC5A8 to #348D70

#8EC5A8 #348D70

Calculate the color between two colors, #8EC5A8 and #348D70. 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)

#8EC5A8 - #348D70 | 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 #8EC5A8 as 0% and #348D70 as 100%.

0.0%	0.0% #8EC5A8	RGB 142 197 168	#8EC5A8
16.7%	16.7% #7FBB9E	RGB 127 187 158	#7FBB9E
33.3%	33.3% #70B295	RGB 112 178 149	#70B295
50.0%	50.0% #61A98C	RGB 97 169 140	#61A98C
66.7%	66.7% #529F82	RGB 82 159 130	#529F82
83.3%	83.3% #439679	RGB 67 150 121	#439679
100.0%	100.0% #348D70	RGB 52 141 112	#348D70

#8EC5A8 #7FBB9E #70B295 #61A98C #529F82 #439679 #348D70

#8EC5A8 - #348D70

HSV Blend

#8EC5A8 - #348D70 | 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 #8EC5A8 as 0% and #348D70 as 100%.

0.0%	0.0% #8EC5A8	RGB 142 197 168	#8EC5A8
16.7%	16.7% #7CBB9C	RGB 124 187 156	#7CBB9C
33.3%	33.3% #6BB291	RGB 107 178 145	#6BB291
50.0%	50.0% #5CA988	RGB 92 169 136	#5CA988
66.7%	66.7% #4D9F7F	RGB 77 159 127	#4D9F7F
83.3%	83.3% #409677	RGB 64 150 119	#409677
100.0%	100.0% #348D70	RGB 52 141 112	#348D70

#8EC5A8 #7CBB9C #6BB291 #5CA988 #4D9F7F #409677 #348D70

#8EC5A8 - #5CA988 - #348D70

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8EC5A8 0%, #5CA988 50%, #348D70 100%);
    background: -webkit-linear-gradient(top, #8EC5A8 0%, #5CA988 50%, #348D70 100%);
    background: linear-gradient(to bottom, #8EC5A8 0%, #5CA988 50%, #348D70 100%);
}
</style>