#00967A - #1B3E35 | 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 #00967A a #1B3E35

#00967A #1B3E35

Calcule el color entre dos colores, #00967A y #1B3E35. 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)

#00967A - #1B3E35 | 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 #00967A como 0% y #1B3E35 como 100%.

0.0%	0.0% #00967A	RGB 0 150 122	#00967A
16.7%	16.7% #04876E	RGB 4 135 110	#04876E
33.3%	33.3% #097863	RGB 9 120 99	#097863
50.0%	50.0% #0D6A57	RGB 13 106 87	#0D6A57
66.7%	66.7% #125B4C	RGB 18 91 76	#125B4C
83.3%	83.3% #164C40	RGB 22 76 64	#164C40
100.0%	100.0% #1B3E35	RGB 27 62 53	#1B3E35

#00967A #04876E #097863 #0D6A57 #125B4C #164C40 #1B3E35

#00967A - #1B3E35

Mezcla HSV

#00967A - #1B3E35 | 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 #00967A como 0% y #1B3E35 como 100%.

0.0%	0.0% #009679	RGB 0 150 121	#009679
16.7%	16.7% #09876E	RGB 9 135 110	#09876E
33.3%	33.3% #117862	RGB 17 120 98	#117862
50.0%	50.0% #176A57	RGB 23 106 87	#176A57
66.7%	66.7% #1A5B4C	RGB 26 91 76	#1A5B4C
83.3%	83.3% #1B4C40	RGB 27 76 64	#1B4C40
100.0%	100.0% #1B3E35	RGB 27 62 53	#1B3E35

#009679 #09876E #117862 #176A57 #1A5B4C #1B4C40 #1B3E35

#00967A - #176A57 - #1B3E35

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009679 0%, #176A57 50%, #1B3E35 100%);
    background: -webkit-linear-gradient(top, #009679 0%, #176A57 50%, #1B3E35 100%);
    background: linear-gradient(to bottom, #009679 0%, #176A57 50%, #1B3E35 100%);
}
</style>