#19A19B - #007059 | 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 #19A19B a #007059

#19A19B #007059

Calcule el color entre dos colores, #19A19B y #007059. 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)

#19A19B - #007059 | 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 #19A19B como 0% y #007059 como 100%.

0.0%	0.0% #19A19B	RGB 25 161 155	#19A19B
16.7%	16.7% #149890	RGB 20 152 144	#149890
33.3%	33.3% #109085	RGB 16 144 133	#109085
50.0%	50.0% #0C887A	RGB 12 136 122	#0C887A
66.7%	66.7% #08806F	RGB 8 128 111	#08806F
83.3%	83.3% #047864	RGB 4 120 100	#047864
100.0%	100.0% #007059	RGB 0 112 89	#007059

#19A19B #149890 #109085 #0C887A #08806F #047864 #007059

#19A19B - #007059

Mezcla HSV

#19A19B - #007059 | 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 #19A19B como 0% y #007059 como 100%.

0.0%	0.0% #19A19B	RGB 25 161 155	#19A19B
16.7%	16.7% #13988F	RGB 19 152 143	#13988F
33.3%	33.3% #0E9083	RGB 14 144 131	#0E9083
50.0%	50.0% #0A8878	RGB 10 136 120	#0A8878
66.7%	66.7% #06806D	RGB 6 128 109	#06806D
83.3%	83.3% #037863	RGB 3 120 99	#037863
100.0%	100.0% #007059	RGB 0 112 89	#007059

#19A19B #13988F #0E9083 #0A8878 #06806D #037863 #007059

#19A19B - #0A8878 - #007059

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #19A19B 0%, #0A8878 50%, #007059 100%);
    background: -webkit-linear-gradient(top, #19A19B 0%, #0A8878 50%, #007059 100%);
    background: linear-gradient(to bottom, #19A19B 0%, #0A8878 50%, #007059 100%);
}
</style>