#00EADB - #DAFFAF | 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 #00EADB to #DAFFAF

#00EADB #DAFFAF

Calculate the color between two colors, #00EADB and #DAFFAF. 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)

#00EADB - #DAFFAF | 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 #00EADB as 0% and #DAFFAF as 100%.

0.0%	0.0% #00EADB	RGB 0 234 219	#00EADB
16.7%	16.7% #24EDD3	RGB 36 237 211	#24EDD3
33.3%	33.3% #48F1CC	RGB 72 241 204	#48F1CC
50.0%	50.0% #6DF4C5	RGB 109 244 197	#6DF4C5
66.7%	66.7% #91F8BD	RGB 145 248 189	#91F8BD
83.3%	83.3% #B5FBB6	RGB 181 251 182	#B5FBB6
100.0%	100.0% #DAFFAF	RGB 218 255 175	#DAFFAF

#00EADB #24EDD3 #48F1CC #6DF4C5 #91F8BD #B5FBB6 #DAFFAF

#00EADB - #DAFFAF

HSV Blend

#00EADB - #DAFFAF | 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 #00EADB as 0% and #DAFFAF as 100%.

0.0%	0.0% #00EADB	RGB 0 234 219	#00EADB
16.7%	16.7% #1BEDAC	RGB 27 237 172	#1BEDAC
33.3%	33.3% #37F189	RGB 55 241 137	#37F189
50.0%	50.0% #53F473	RGB 83 244 115	#53F473
66.7%	66.7% #77F871	RGB 119 248 113	#77F871
83.3%	83.3% #AFFB8F	RGB 175 251 143	#AFFB8F
100.0%	100.0% #DAFFAF	RGB 218 255 175	#DAFFAF

#00EADB #1BEDAC #37F189 #53F473 #77F871 #AFFB8F #DAFFAF

#00EADB - #53F473 - #DAFFAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00EADB 0%, #53F473 50%, #DAFFAF 100%);
    background: -webkit-linear-gradient(top, #00EADB 0%, #53F473 50%, #DAFFAF 100%);
    background: linear-gradient(to bottom, #00EADB 0%, #53F473 50%, #DAFFAF 100%);
}
</style>