#3BFFAD - #62ECE6 | 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 #3BFFAD to #62ECE6

#3BFFAD #62ECE6

Calculate the color between two colors, #3BFFAD and #62ECE6. 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)

#3BFFAD - #62ECE6 | 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 #3BFFAD as 0% and #62ECE6 as 100%.

0.0%	0.0% #3BFFAD	RGB 59 255 173	#3BFFAD
16.7%	16.7% #41FBB6	RGB 65 251 182	#41FBB6
33.3%	33.3% #48F8C0	RGB 72 248 192	#48F8C0
50.0%	50.0% #4EF5C9	RGB 78 245 201	#4EF5C9
66.7%	66.7% #55F2D3	RGB 85 242 211	#55F2D3
83.3%	83.3% #5BEFDC	RGB 91 239 220	#5BEFDC
100.0%	100.0% #62ECE6	RGB 98 236 230	#62ECE6

#3BFFAD #41FBB6 #48F8C0 #4EF5C9 #55F2D3 #5BEFDC #62ECE6

#3BFFAD - #62ECE6

HSV Blend

#3BFFAD - #62ECE6 | 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 #3BFFAD as 0% and #62ECE6 as 100%.

0.0%	0.0% #3BFFAC	RGB 59 255 172	#3BFFAC
16.7%	16.7% #41FBB9	RGB 65 251 185	#41FBB9
33.3%	33.3% #48F8C5	RGB 72 248 197	#48F8C5
50.0%	50.0% #4FF5CF	RGB 79 245 207	#4FF5CF
66.7%	66.7% #55F2D7	RGB 85 242 215	#55F2D7
83.3%	83.3% #5BEFDF	RGB 91 239 223	#5BEFDF
100.0%	100.0% #62ECE6	RGB 98 236 230	#62ECE6

#3BFFAC #41FBB9 #48F8C5 #4FF5CF #55F2D7 #5BEFDF #62ECE6

#3BFFAD - #4FF5CF - #62ECE6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3BFFAC 0%, #4FF5CF 50%, #62ECE6 100%);
    background: -webkit-linear-gradient(top, #3BFFAC 0%, #4FF5CF 50%, #62ECE6 100%);
    background: linear-gradient(to bottom, #3BFFAC 0%, #4FF5CF 50%, #62ECE6 100%);
}
</style>