#006868 - #68C394 | 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 #006868 a #68C394

#006868 #68C394

Calcule el color entre dos colores, #006868 y #68C394. 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)

#006868 - #68C394 | 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 #006868 como 0% y #68C394 como 100%.

0.0%	0.0% #006868	RGB 0 104 104	#006868
16.7%	16.7% #11776F	RGB 17 119 111	#11776F
33.3%	33.3% #228676	RGB 34 134 118	#228676
50.0%	50.0% #34957E	RGB 52 149 126	#34957E
66.7%	66.7% #45A485	RGB 69 164 133	#45A485
83.3%	83.3% #56B38C	RGB 86 179 140	#56B38C
100.0%	100.0% #68C394	RGB 104 195 148	#68C394

#006868 #11776F #228676 #34957E #45A485 #56B38C #68C394

#006868 - #68C394

Mezcla HSV

#006868 - #68C394 | 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 #006868 como 0% y #68C394 como 100%.

0.0%	0.0% #006868	RGB 0 104 104	#006868
16.7%	16.7% #0A776D	RGB 10 119 109	#0A776D
33.3%	33.3% #178673	RGB 23 134 115	#178673
50.0%	50.0% #279579	RGB 39 149 121	#279579
66.7%	66.7% #3AA480	RGB 58 164 128	#3AA480
83.3%	83.3% #4FB388	RGB 79 179 136	#4FB388
100.0%	100.0% #68C394	RGB 104 195 148	#68C394

#006868 #0A776D #178673 #279579 #3AA480 #4FB388 #68C394

#006868 - #279579 - #68C394

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006868 0%, #279579 50%, #68C394 100%);
    background: -webkit-linear-gradient(top, #006868 0%, #279579 50%, #68C394 100%);
    background: linear-gradient(to bottom, #006868 0%, #279579 50%, #68C394 100%);
}
</style>