#2DFFFF - #DCF2B0 | 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 #2DFFFF to #DCF2B0

#2DFFFF #DCF2B0

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

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

0.0%	0.0% #2DFFFF	RGB 45 255 255	#2DFFFF
16.7%	16.7% #4AFCF1	RGB 74 252 241	#4AFCF1
33.3%	33.3% #67FAE4	RGB 103 250 228	#67FAE4
50.0%	50.0% #84F8D7	RGB 132 248 215	#84F8D7
66.7%	66.7% #A1F6CA	RGB 161 246 202	#A1F6CA
83.3%	83.3% #BEF4BD	RGB 190 244 189	#BEF4BD
100.0%	100.0% #DCF2B0	RGB 220 242 176	#DCF2B0

#2DFFFF #4AFCF1 #67FAE4 #84F8D7 #A1F6CA #BEF4BD #DCF2B0

#2DFFFF - #DCF2B0

HSV Blend

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

0.0%	0.0% #2CFFFF	RGB 44 255 255	#2CFFFF
16.7%	16.7% #43FCC9	RGB 67 252 201	#43FCC9
33.3%	33.3% #5AFAA1	RGB 90 250 161	#5AFAA1
50.0%	50.0% #70F886	RGB 112 248 134	#70F886
66.7%	66.7% #92F685	RGB 146 246 133	#92F685
83.3%	83.3% #BDF49B	RGB 189 244 155	#BDF49B
100.0%	100.0% #DCF2B0	RGB 220 242 176	#DCF2B0

#2CFFFF #43FCC9 #5AFAA1 #70F886 #92F685 #BDF49B #DCF2B0

#2DFFFF - #70F886 - #DCF2B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2CFFFF 0%, #70F886 50%, #DCF2B0 100%);
    background: -webkit-linear-gradient(top, #2CFFFF 0%, #70F886 50%, #DCF2B0 100%);
    background: linear-gradient(to bottom, #2CFFFF 0%, #70F886 50%, #DCF2B0 100%);
}
</style>