#2EFFE5 - #E2FFA1 | 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 #2EFFE5 to #E2FFA1

#2EFFE5 #E2FFA1

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

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

0.0%	0.0% #2EFFE5	RGB 46 255 229	#2EFFE5
16.7%	16.7% #4CFFD9	RGB 76 255 217	#4CFFD9
33.3%	33.3% #6AFFCE	RGB 106 255 206	#6AFFCE
50.0%	50.0% #88FFC3	RGB 136 255 195	#88FFC3
66.7%	66.7% #A6FFB7	RGB 166 255 183	#A6FFB7
83.3%	83.3% #C4FFAC	RGB 196 255 172	#C4FFAC
100.0%	100.0% #E2FFA1	RGB 226 255 161	#E2FFA1

#2EFFE5 #4CFFD9 #6AFFCE #88FFC3 #A6FFB7 #C4FFAC #E2FFA1

#2EFFE5 - #E2FFA1

HSV Blend

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

0.0%	0.0% #2DFFE5	RGB 45 255 229	#2DFFE5
16.7%	16.7% #41FFB5	RGB 65 255 181	#41FFB5
33.3%	33.3% #54FF90	RGB 84 255 144	#54FF90
50.0%	50.0% #67FF75	RGB 103 255 117	#67FF75
66.7%	66.7% #91FF7A	RGB 145 255 122	#91FF7A
83.3%	83.3% #BEFF8D	RGB 190 255 141	#BEFF8D
100.0%	100.0% #E2FFA1	RGB 226 255 161	#E2FFA1

#2DFFE5 #41FFB5 #54FF90 #67FF75 #91FF7A #BEFF8D #E2FFA1

#2EFFE5 - #67FF75 - #E2FFA1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DFFE5 0%, #67FF75 50%, #E2FFA1 100%);
    background: -webkit-linear-gradient(top, #2DFFE5 0%, #67FF75 50%, #E2FFA1 100%);
    background: linear-gradient(to bottom, #2DFFE5 0%, #67FF75 50%, #E2FFA1 100%);
}
</style>