#33A19D - #00705C | 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 #33A19D a #00705C

#33A19D #00705C

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

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

0.0%	0.0% #33A19D	RGB 51 161 157	#33A19D
16.7%	16.7% #2A9892	RGB 42 152 146	#2A9892
33.3%	33.3% #229087	RGB 34 144 135	#229087
50.0%	50.0% #19887C	RGB 25 136 124	#19887C
66.7%	66.7% #118071	RGB 17 128 113	#118071
83.3%	83.3% #087866	RGB 8 120 102	#087866
100.0%	100.0% #00705C	RGB 0 112 92	#00705C

#33A19D #2A9892 #229087 #19887C #118071 #087866 #00705C

#33A19D - #00705C

Mezcla HSV

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

0.0%	0.0% #33A19D	RGB 51 161 157	#33A19D
16.7%	16.7% #289892	RGB 40 152 146	#289892
33.3%	33.3% #1E9087	RGB 30 144 135	#1E9087
50.0%	50.0% #15887C	RGB 21 136 124	#15887C
66.7%	66.7% #0D8071	RGB 13 128 113	#0D8071
83.3%	83.3% #067866	RGB 6 120 102	#067866
100.0%	100.0% #00705C	RGB 0 112 92	#00705C

#33A19D #289892 #1E9087 #15887C #0D8071 #067866 #00705C

#33A19D - #15887C - #00705C

Códigos CSS

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

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