#2FFFD5 - #00E4BC | 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 #2FFFD5 to #00E4BC

#2FFFD5 #00E4BC

Calculate the color between two colors, #2FFFD5 and #00E4BC. 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)

#2FFFD5 - #00E4BC | 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 #2FFFD5 as 0% and #00E4BC as 100%.

0.0%	0.0% #2FFFD5	RGB 47 255 213	#2FFFD5
16.7%	16.7% #27FAD0	RGB 39 250 208	#27FAD0
33.3%	33.3% #1FF6CC	RGB 31 246 204	#1FF6CC
50.0%	50.0% #17F1C8	RGB 23 241 200	#17F1C8
66.7%	66.7% #0FEDC4	RGB 15 237 196	#0FEDC4
83.3%	83.3% #07E8C0	RGB 7 232 192	#07E8C0
100.0%	100.0% #00E4BC	RGB 0 228 188	#00E4BC

#2FFFD5 #27FAD0 #1FF6CC #17F1C8 #0FEDC4 #07E8C0 #00E4BC

#2FFFD5 - #00E4BC

HSV Blend

#2FFFD5 - #00E4BC | 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 #2FFFD5 as 0% and #00E4BC as 100%.

0.0%	0.0% #2EFFD5	RGB 46 255 213	#2EFFD5
16.7%	16.7% #26FAD0	RGB 38 250 208	#26FAD0
33.3%	33.3% #1EF6CC	RGB 30 246 204	#1EF6CC
50.0%	50.0% #16F1C8	RGB 22 241 200	#16F1C8
66.7%	66.7% #0EEDC4	RGB 14 237 196	#0EEDC4
83.3%	83.3% #07E8BF	RGB 7 232 191	#07E8BF
100.0%	100.0% #00E4BC	RGB 0 228 188	#00E4BC

#2EFFD5 #26FAD0 #1EF6CC #16F1C8 #0EEDC4 #07E8BF #00E4BC

#2FFFD5 - #16F1C8 - #00E4BC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2EFFD5 0%, #16F1C8 50%, #00E4BC 100%);
    background: -webkit-linear-gradient(top, #2EFFD5 0%, #16F1C8 50%, #00E4BC 100%);
    background: linear-gradient(to bottom, #2EFFD5 0%, #16F1C8 50%, #00E4BC 100%);
}
</style>