#00D3C6 - #E2FF9F | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #00D3C6 a #E2FF9F

#00D3C6 #E2FF9F

Calcule el color entre dos colores, #00D3C6 y #E2FF9F. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#00D3C6 - #E2FF9F | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #00D3C6 como 0% y #E2FF9F como 100%.

0.0%	0.0% #00D3C6	RGB 0 211 198	#00D3C6
16.7%	16.7% #25DABF	RGB 37 218 191	#25DABF
33.3%	33.3% #4BE1B9	RGB 75 225 185	#4BE1B9
50.0%	50.0% #71E9B2	RGB 113 233 178	#71E9B2
66.7%	66.7% #96F0AC	RGB 150 240 172	#96F0AC
83.3%	83.3% #BCF7A5	RGB 188 247 165	#BCF7A5
100.0%	100.0% #E2FF9F	RGB 226 255 159	#E2FF9F

#00D3C6 #25DABF #4BE1B9 #71E9B2 #96F0AC #BCF7A5 #E2FF9F

#00D3C6 - #E2FF9F

Mezcla HSV

#00D3C6 - #E2FF9F | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #00D3C6 como 0% y #E2FF9F como 100%.

0.0%	0.0% #00D3C6	RGB 0 211 198	#00D3C6
16.7%	16.7% #16DA98	RGB 22 218 152	#16DA98
33.3%	33.3% #2EE175	RGB 46 225 117	#2EE175
50.0%	50.0% #48E95B	RGB 72 233 91	#48E95B
66.7%	66.7% #79F063	RGB 121 240 99	#79F063
83.3%	83.3% #B3F780	RGB 179 247 128	#B3F780
100.0%	100.0% #E2FF9F	RGB 226 255 159	#E2FF9F

#00D3C6 #16DA98 #2EE175 #48E95B #79F063 #B3F780 #E2FF9F

#00D3C6 - #48E95B - #E2FF9F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D3C6 0%, #48E95B 50%, #E2FF9F 100%);
    background: -webkit-linear-gradient(top, #00D3C6 0%, #48E95B 50%, #E2FF9F 100%);
    background: linear-gradient(to bottom, #00D3C6 0%, #48E95B 50%, #E2FF9F 100%);
}
</style>