#199E8F - #006B4E | 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 #199E8F a #006B4E

#199E8F #006B4E

Calcule el color entre dos colores, #199E8F y #006B4E. 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)

#199E8F - #006B4E | 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 #199E8F como 0% y #006B4E como 100%.

0.0%	0.0% #199E8F	RGB 25 158 143	#199E8F
16.7%	16.7% #149584	RGB 20 149 132	#149584
33.3%	33.3% #108D79	RGB 16 141 121	#108D79
50.0%	50.0% #0C846E	RGB 12 132 110	#0C846E
66.7%	66.7% #087C63	RGB 8 124 99	#087C63
83.3%	83.3% #047358	RGB 4 115 88	#047358
100.0%	100.0% #006B4E	RGB 0 107 78	#006B4E

#199E8F #149584 #108D79 #0C846E #087C63 #047358 #006B4E

#199E8F - #006B4E

Mezcla HSV

#199E8F - #006B4E | 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 #199E8F como 0% y #006B4E como 100%.

0.0%	0.0% #199E8F	RGB 25 158 143	#199E8F
16.7%	16.7% #139583	RGB 19 149 131	#139583
33.3%	33.3% #0E8D78	RGB 14 141 120	#0E8D78
50.0%	50.0% #0A846D	RGB 10 132 109	#0A846D
66.7%	66.7% #067C62	RGB 6 124 98	#067C62
83.3%	83.3% #037357	RGB 3 115 87	#037357
100.0%	100.0% #006B4E	RGB 0 107 78	#006B4E

#199E8F #139583 #0E8D78 #0A846D #067C62 #037357 #006B4E

#199E8F - #0A846D - #006B4E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #199E8F 0%, #0A846D 50%, #006B4E 100%);
    background: -webkit-linear-gradient(top, #199E8F 0%, #0A846D 50%, #006B4E 100%);
    background: linear-gradient(to bottom, #199E8F 0%, #0A846D 50%, #006B4E 100%);
}
</style>