#3CDA7B - #AAFFED | 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 #3CDA7B to #AAFFED

#3CDA7B #AAFFED

Calculate the color between two colors, #3CDA7B and #AAFFED. 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)

#3CDA7B - #AAFFED | 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 #3CDA7B as 0% and #AAFFED as 100%.

0.0%	0.0% #3CDA7B	RGB 60 218 123	#3CDA7B
16.7%	16.7% #4EE08E	RGB 78 224 142	#4EE08E
33.3%	33.3% #60E6A1	RGB 96 230 161	#60E6A1
50.0%	50.0% #73ECB4	RGB 115 236 180	#73ECB4
66.7%	66.7% #85F2C7	RGB 133 242 199	#85F2C7
83.3%	83.3% #97F8DA	RGB 151 248 218	#97F8DA
100.0%	100.0% #AAFFED	RGB 170 255 237	#AAFFED

#3CDA7B #4EE08E #60E6A1 #73ECB4 #85F2C7 #97F8DA #AAFFED

#3CDA7B - #AAFFED

HSV Blend

#3CDA7B - #AAFFED | 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 #3CDA7B as 0% and #AAFFED as 100%.

0.0%	0.0% #3CDA7B	RGB 60 218 123	#3CDA7B
16.7%	16.7% #4CE090	RGB 76 224 144	#4CE090
33.3%	33.3% #5DE6A5	RGB 93 230 165	#5DE6A5
50.0%	50.0% #6FECB9	RGB 111 236 185	#6FECB9
66.7%	66.7% #82F2CC	RGB 130 242 204	#82F2CC
83.3%	83.3% #95F8DD	RGB 149 248 221	#95F8DD
100.0%	100.0% #AAFFED	RGB 170 255 237	#AAFFED

#3CDA7B #4CE090 #5DE6A5 #6FECB9 #82F2CC #95F8DD #AAFFED

#3CDA7B - #6FECB9 - #AAFFED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CDA7B 0%, #6FECB9 50%, #AAFFED 100%);
    background: -webkit-linear-gradient(top, #3CDA7B 0%, #6FECB9 50%, #AAFFED 100%);
    background: linear-gradient(to bottom, #3CDA7B 0%, #6FECB9 50%, #AAFFED 100%);
}
</style>