#2FFFF1 - #00E5E7 | 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 #2FFFF1 a #00E5E7

#2FFFF1 #00E5E7

Calcule el color entre dos colores, #2FFFF1 y #00E5E7. 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)

#2FFFF1 - #00E5E7 | 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 #2FFFF1 como 0% y #00E5E7 como 100%.

0.0%	0.0% #2FFFF1	RGB 47 255 241	#2FFFF1
16.7%	16.7% #27FAEF	RGB 39 250 239	#27FAEF
33.3%	33.3% #1FF6ED	RGB 31 246 237	#1FF6ED
50.0%	50.0% #17F2EC	RGB 23 242 236	#17F2EC
66.7%	66.7% #0FEDEA	RGB 15 237 234	#0FEDEA
83.3%	83.3% #07E9E8	RGB 7 233 232	#07E9E8
100.0%	100.0% #00E5E7	RGB 0 229 231	#00E5E7

#2FFFF1 #27FAEF #1FF6ED #17F2EC #0FEDEA #07E9E8 #00E5E7

#2FFFF1 - #00E5E7

Mezcla HSV

#2FFFF1 - #00E5E7 | 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 #2FFFF1 como 0% y #00E5E7 como 100%.

0.0%	0.0% #2EFFF1	RGB 46 255 241	#2EFFF1
16.7%	16.7% #26FBEF	RGB 38 251 239	#26FBEF
33.3%	33.3% #1EF7ED	RGB 30 247 237	#1EF7ED
50.0%	50.0% #16F3EC	RGB 22 243 236	#16F3EC
66.7%	66.7% #0EEFEB	RGB 14 239 235	#0EEFEB
83.3%	83.3% #07EBEA	RGB 7 235 234	#07EBEA
100.0%	100.0% #00E5E7	RGB 0 229 231	#00E5E7

#2EFFF1 #26FBEF #1EF7ED #16F3EC #0EEFEB #07EBEA #00E5E7

#2FFFF1 - #16F3EC - #00E5E7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2EFFF1 0%, #16F3EC 50%, #00E5E7 100%);
    background: -webkit-linear-gradient(top, #2EFFF1 0%, #16F3EC 50%, #00E5E7 100%);
    background: linear-gradient(to bottom, #2EFFF1 0%, #16F3EC 50%, #00E5E7 100%);
}
</style>