#1B5E4D - #78AE76 | 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 #1B5E4D a #78AE76

#1B5E4D #78AE76

Calcule el color entre dos colores, #1B5E4D y #78AE76. 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)

#1B5E4D - #78AE76 | 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 #1B5E4D como 0% y #78AE76 como 100%.

0.0%	0.0% #1B5E4D	RGB 27 94 77	#1B5E4D
16.7%	16.7% #2A6B53	RGB 42 107 83	#2A6B53
33.3%	33.3% #3A785A	RGB 58 120 90	#3A785A
50.0%	50.0% #498661	RGB 73 134 97	#498661
66.7%	66.7% #599368	RGB 89 147 104	#599368
83.3%	83.3% #68A06F	RGB 104 160 111	#68A06F
100.0%	100.0% #78AE76	RGB 120 174 118	#78AE76

#1B5E4D #2A6B53 #3A785A #498661 #599368 #68A06F #78AE76

#1B5E4D - #78AE76

Mezcla HSV

#1B5E4D - #78AE76 | 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 #1B5E4D como 0% y #78AE76 como 100%.

0.0%	0.0% #1B5E4D	RGB 27 94 77	#1B5E4D
16.7%	16.7% #256B50	RGB 37 107 80	#256B50
33.3%	33.3% #327854	RGB 50 120 84	#327854
50.0%	50.0% #408659	RGB 64 134 89	#408659
66.7%	66.7% #50935F	RGB 80 147 95	#50935F
83.3%	83.3% #62A068	RGB 98 160 104	#62A068
100.0%	100.0% #78AE76	RGB 120 174 118	#78AE76

#1B5E4D #256B50 #327854 #408659 #50935F #62A068 #78AE76

#1B5E4D - #408659 - #78AE76

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B5E4D 0%, #408659 50%, #78AE76 100%);
    background: -webkit-linear-gradient(top, #1B5E4D 0%, #408659 50%, #78AE76 100%);
    background: linear-gradient(to bottom, #1B5E4D 0%, #408659 50%, #78AE76 100%);
}
</style>