#1EDDC6 - #E3FFAE | 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 #1EDDC6 to #E3FFAE

#1EDDC6 #E3FFAE

Calculate the color between two colors, #1EDDC6 and #E3FFAE. 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)

#1EDDC6 - #E3FFAE | 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 #1EDDC6 as 0% and #E3FFAE as 100%.

0.0%	0.0% #1EDDC6	RGB 30 221 198	#1EDDC6
16.7%	16.7% #3EE2C2	RGB 62 226 194	#3EE2C2
33.3%	33.3% #5FE8BE	RGB 95 232 190	#5FE8BE
50.0%	50.0% #80EEBA	RGB 128 238 186	#80EEBA
66.7%	66.7% #A1F3B6	RGB 161 243 182	#A1F3B6
83.3%	83.3% #C2F9B2	RGB 194 249 178	#C2F9B2
100.0%	100.0% #E3FFAE	RGB 227 255 174	#E3FFAE

#1EDDC6 #3EE2C2 #5FE8BE #80EEBA #A1F3B6 #C2F9B2 #E3FFAE

#1EDDC6 - #E3FFAE

HSV Blend

#1EDDC6 - #E3FFAE | 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 #1EDDC6 as 0% and #E3FFAE as 100%.

0.0%	0.0% #1EDDC6	RGB 30 221 198	#1EDDC6
16.7%	16.7% #33E2A0	RGB 51 226 160	#33E2A0
33.3%	33.3% #49E884	RGB 73 232 132	#49E884
50.0%	50.0% #61EE71	RGB 97 238 113	#61EE71
66.7%	66.7% #8BF379	RGB 139 243 121	#8BF379
83.3%	83.3% #BCF993	RGB 188 249 147	#BCF993
100.0%	100.0% #E3FFAE	RGB 227 255 174	#E3FFAE

#1EDDC6 #33E2A0 #49E884 #61EE71 #8BF379 #BCF993 #E3FFAE

#1EDDC6 - #61EE71 - #E3FFAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1EDDC6 0%, #61EE71 50%, #E3FFAE 100%);
    background: -webkit-linear-gradient(top, #1EDDC6 0%, #61EE71 50%, #E3FFAE 100%);
    background: linear-gradient(to bottom, #1EDDC6 0%, #61EE71 50%, #E3FFAE 100%);
}
</style>