#26A19D - #00705B | 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 #26A19D a #00705B

#26A19D #00705B

Calcule el color entre dos colores, #26A19D y #00705B. 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)

#26A19D - #00705B | 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 #26A19D como 0% y #00705B como 100%.

0.0%	0.0% #26A19D	RGB 38 161 157	#26A19D
16.7%	16.7% #1F9892	RGB 31 152 146	#1F9892
33.3%	33.3% #199087	RGB 25 144 135	#199087
50.0%	50.0% #13887C	RGB 19 136 124	#13887C
66.7%	66.7% #0C8071	RGB 12 128 113	#0C8071
83.3%	83.3% #067866	RGB 6 120 102	#067866
100.0%	100.0% #00705B	RGB 0 112 91	#00705B

#26A19D #1F9892 #199087 #13887C #0C8071 #067866 #00705B

#26A19D - #00705B

Mezcla HSV

#26A19D - #00705B | 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 #26A19D como 0% y #00705B como 100%.

0.0%	0.0% #26A19D	RGB 38 161 157	#26A19D
16.7%	16.7% #1E9891	RGB 30 152 145	#1E9891
33.3%	33.3% #169086	RGB 22 144 134	#169086
50.0%	50.0% #10887B	RGB 16 136 123	#10887B
66.7%	66.7% #0A8070	RGB 10 128 112	#0A8070
83.3%	83.3% #047865	RGB 4 120 101	#047865
100.0%	100.0% #00705B	RGB 0 112 91	#00705B

#26A19D #1E9891 #169086 #10887B #0A8070 #047865 #00705B

#26A19D - #10887B - #00705B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #26A19D 0%, #10887B 50%, #00705B 100%);
    background: -webkit-linear-gradient(top, #26A19D 0%, #10887B 50%, #00705B 100%);
    background: linear-gradient(to bottom, #26A19D 0%, #10887B 50%, #00705B 100%);
}
</style>