#2EC6B6 - #41C7FF | 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 #2EC6B6 to #41C7FF

#2EC6B6 #41C7FF

Calculate the color between two colors, #2EC6B6 and #41C7FF. 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)

#2EC6B6 - #41C7FF | 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 #2EC6B6 as 0% and #41C7FF as 100%.

0.0%	0.0% #2EC6B6	RGB 46 198 182	#2EC6B6
16.7%	16.7% #31C6C2	RGB 49 198 194	#31C6C2
33.3%	33.3% #34C6CE	RGB 52 198 206	#34C6CE
50.0%	50.0% #37C6DA	RGB 55 198 218	#37C6DA
66.7%	66.7% #3AC6E6	RGB 58 198 230	#3AC6E6
83.3%	83.3% #3DC6F2	RGB 61 198 242	#3DC6F2
100.0%	100.0% #41C7FF	RGB 65 199 255	#41C7FF

#2EC6B6 #31C6C2 #34C6CE #37C6DA #3AC6E6 #3DC6F2 #41C7FF

#2EC6B6 - #41C7FF

HSV Blend

#2EC6B6 - #41C7FF | 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 #2EC6B6 as 0% and #41C7FF as 100%.

0.0%	0.0% #2EC6B5	RGB 46 198 181	#2EC6B5
16.7%	16.7% #30CFC9	RGB 48 207 201	#30CFC9
33.3%	33.3% #34D4D9	RGB 52 212 217	#34D4D9
50.0%	50.0% #37D2E2	RGB 55 210 226	#37D2E2
66.7%	66.7% #3ACFEC	RGB 58 207 236	#3ACFEC
83.3%	83.3% #3DCBF5	RGB 61 203 245	#3DCBF5
100.0%	100.0% #41C7FF	RGB 65 199 255	#41C7FF

#2EC6B5 #30CFC9 #34D4D9 #37D2E2 #3ACFEC #3DCBF5 #41C7FF

#2EC6B6 - #37D2E2 - #41C7FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2EC6B5 0%, #37D2E2 50%, #41C7FF 100%);
    background: -webkit-linear-gradient(top, #2EC6B5 0%, #37D2E2 50%, #41C7FF 100%);
    background: linear-gradient(to bottom, #2EC6B5 0%, #37D2E2 50%, #41C7FF 100%);
}
</style>