#2ADFDF - #CFF6B4 | 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 #2ADFDF to #CFF6B4

#2ADFDF #CFF6B4

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

#2ADFDF - #CFF6B4 | 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 #2ADFDF as 0% and #CFF6B4 as 100%.

0.0%	0.0% #2ADFDF	RGB 42 223 223	#2ADFDF
16.7%	16.7% #45E2D7	RGB 69 226 215	#45E2D7
33.3%	33.3% #61E6D0	RGB 97 230 208	#61E6D0
50.0%	50.0% #7CEAC9	RGB 124 234 201	#7CEAC9
66.7%	66.7% #98EEC2	RGB 152 238 194	#98EEC2
83.3%	83.3% #B3F2BB	RGB 179 242 187	#B3F2BB
100.0%	100.0% #CFF6B4	RGB 207 246 180	#CFF6B4

#2ADFDF #45E2D7 #61E6D0 #7CEAC9 #98EEC2 #B3F2BB #CFF6B4

#2ADFDF - #CFF6B4

HSV Blend

#2ADFDF - #CFF6B4 | 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 #2ADFDF as 0% and #CFF6B4 as 100%.

0.0%	0.0% #29DFDF	RGB 41 223 223	#29DFDF
16.7%	16.7% #3FE2BC	RGB 63 226 188	#3FE2BC
33.3%	33.3% #55E6A2	RGB 85 230 162	#55E6A2
50.0%	50.0% #6BEA91	RGB 107 234 145	#6BEA91
66.7%	66.7% #83EE89	RGB 131 238 137	#83EE89
83.3%	83.3% #AAF29B	RGB 170 242 155	#AAF29B
100.0%	100.0% #CFF6B4	RGB 207 246 180	#CFF6B4

#29DFDF #3FE2BC #55E6A2 #6BEA91 #83EE89 #AAF29B #CFF6B4

#2ADFDF - #6BEA91 - #CFF6B4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #29DFDF 0%, #6BEA91 50%, #CFF6B4 100%);
    background: -webkit-linear-gradient(top, #29DFDF 0%, #6BEA91 50%, #CFF6B4 100%);
    background: linear-gradient(to bottom, #29DFDF 0%, #6BEA91 50%, #CFF6B4 100%);
}
</style>