#2EB8B4 - #008879 | 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 #2EB8B4 a #008879

#2EB8B4 #008879

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

#2EB8B4 - #008879 | 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 #2EB8B4 como 0% y #008879 como 100%.

0.0%	0.0% #2EB8B4	RGB 46 184 180	#2EB8B4
16.7%	16.7% #26B0AA	RGB 38 176 170	#26B0AA
33.3%	33.3% #1EA8A0	RGB 30 168 160	#1EA8A0
50.0%	50.0% #17A096	RGB 23 160 150	#17A096
66.7%	66.7% #0F988C	RGB 15 152 140	#0F988C
83.3%	83.3% #079082	RGB 7 144 130	#079082
100.0%	100.0% #008879	RGB 0 136 121	#008879

#2EB8B4 #26B0AA #1EA8A0 #17A096 #0F988C #079082 #008879

#2EB8B4 - #008879

Mezcla HSV

#2EB8B4 - #008879 | 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 #2EB8B4 como 0% y #008879 como 100%.

0.0%	0.0% #2EB8B3	RGB 46 184 179	#2EB8B3
16.7%	16.7% #24B0AA	RGB 36 176 170	#24B0AA
33.3%	33.3% #1CA8A0	RGB 28 168 160	#1CA8A0
50.0%	50.0% #14A096	RGB 20 160 150	#14A096
66.7%	66.7% #0C988C	RGB 12 152 140	#0C988C
83.3%	83.3% #069082	RGB 6 144 130	#069082
100.0%	100.0% #008879	RGB 0 136 121	#008879

#2EB8B3 #24B0AA #1CA8A0 #14A096 #0C988C #069082 #008879

#2EB8B4 - #14A096 - #008879

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2EB8B3 0%, #14A096 50%, #008879 100%);
    background: -webkit-linear-gradient(top, #2EB8B3 0%, #14A096 50%, #008879 100%);
    background: linear-gradient(to bottom, #2EB8B3 0%, #14A096 50%, #008879 100%);
}
</style>