#5FE2D4 - #00BBAC | 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 #5FE2D4 to #00BBAC

#5FE2D4 #00BBAC

Calculate the color between two colors, #5FE2D4 and #00BBAC. 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)

#5FE2D4 - #00BBAC | 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 #5FE2D4 as 0% and #00BBAC as 100%.

0.0%	0.0% #5FE2D4	RGB 95 226 212	#5FE2D4
16.7%	16.7% #4FDBCD	RGB 79 219 205	#4FDBCD
33.3%	33.3% #3FD5C6	RGB 63 213 198	#3FD5C6
50.0%	50.0% #2FCEC0	RGB 47 206 192	#2FCEC0
66.7%	66.7% #1FC8B9	RGB 31 200 185	#1FC8B9
83.3%	83.3% #0FC1B2	RGB 15 193 178	#0FC1B2
100.0%	100.0% #00BBAC	RGB 0 187 172	#00BBAC

#5FE2D4 #4FDBCD #3FD5C6 #2FCEC0 #1FC8B9 #0FC1B2 #00BBAC

#5FE2D4 - #00BBAC

HSV Blend

#5FE2D4 - #00BBAC | 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 #5FE2D4 as 0% and #00BBAC as 100%.

0.0%	0.0% #5FE2D4	RGB 95 226 212	#5FE2D4
16.7%	16.7% #4CDBCC	RGB 76 219 204	#4CDBCC
33.3%	33.3% #3BD5C5	RGB 59 213 197	#3BD5C5
50.0%	50.0% #2BCEBF	RGB 43 206 191	#2BCEBF
66.7%	66.7% #1CC8B8	RGB 28 200 184	#1CC8B8
83.3%	83.3% #0DC1B2	RGB 13 193 178	#0DC1B2
100.0%	100.0% #00BBAC	RGB 0 187 172	#00BBAC

#5FE2D4 #4CDBCC #3BD5C5 #2BCEBF #1CC8B8 #0DC1B2 #00BBAC

#5FE2D4 - #2BCEBF - #00BBAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5FE2D4 0%, #2BCEBF 50%, #00BBAC 100%);
    background: -webkit-linear-gradient(top, #5FE2D4 0%, #2BCEBF 50%, #00BBAC 100%);
    background: linear-gradient(to bottom, #5FE2D4 0%, #2BCEBF 50%, #00BBAC 100%);
}
</style>