#2DC4DA - #6CFFB5 | 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 #2DC4DA to #6CFFB5

#2DC4DA #6CFFB5

Calculate the color between two colors, #2DC4DA and #6CFFB5. 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)

#2DC4DA - #6CFFB5 | 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 #2DC4DA as 0% and #6CFFB5 as 100%.

0.0%	0.0% #2DC4DA	RGB 45 196 218	#2DC4DA
16.7%	16.7% #37CDD3	RGB 55 205 211	#37CDD3
33.3%	33.3% #42D7CD	RGB 66 215 205	#42D7CD
50.0%	50.0% #4CE1C7	RGB 76 225 199	#4CE1C7
66.7%	66.7% #57EBC1	RGB 87 235 193	#57EBC1
83.3%	83.3% #61F5BB	RGB 97 245 187	#61F5BB
100.0%	100.0% #6CFFB5	RGB 108 255 181	#6CFFB5

#2DC4DA #37CDD3 #42D7CD #4CE1C7 #57EBC1 #61F5BB #6CFFB5

#2DC4DA - #6CFFB5

HSV Blend

#2DC4DA - #6CFFB5 | 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 #2DC4DA as 0% and #6CFFB5 as 100%.

0.0%	0.0% #2DC4DA	RGB 45 196 218	#2DC4DA
16.7%	16.7% #36DCE0	RGB 54 220 224	#36DCE0
33.3%	33.3% #40E6D8	RGB 64 230 216	#40E6D8
50.0%	50.0% #4AECCE	RGB 74 236 206	#4AECCE
66.7%	66.7% #55F2C4	RGB 85 242 196	#55F2C4
83.3%	83.3% #60F8BC	RGB 96 248 188	#60F8BC
100.0%	100.0% #6CFFB5	RGB 108 255 181	#6CFFB5

#2DC4DA #36DCE0 #40E6D8 #4AECCE #55F2C4 #60F8BC #6CFFB5

#2DC4DA - #4AECCE - #6CFFB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DC4DA 0%, #4AECCE 50%, #6CFFB5 100%);
    background: -webkit-linear-gradient(top, #2DC4DA 0%, #4AECCE 50%, #6CFFB5 100%);
    background: linear-gradient(to bottom, #2DC4DA 0%, #4AECCE 50%, #6CFFB5 100%);
}
</style>