#1B5E5E - #003924 | 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 #1B5E5E a #003924

#1B5E5E #003924

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

#1B5E5E - #003924 | 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 #1B5E5E como 0% y #003924 como 100%.

0.0%	0.0% #1B5E5E	RGB 27 94 94	#1B5E5E
16.7%	16.7% #165754	RGB 22 87 84	#165754
33.3%	33.3% #12514A	RGB 18 81 74	#12514A
50.0%	50.0% #0D4B41	RGB 13 75 65	#0D4B41
66.7%	66.7% #094537	RGB 9 69 55	#094537
83.3%	83.3% #043F2D	RGB 4 63 45	#043F2D
100.0%	100.0% #003924	RGB 0 57 36	#003924

#1B5E5E #165754 #12514A #0D4B41 #094537 #043F2D #003924

#1B5E5E - #003924

Mezcla HSV

#1B5E5E - #003924 | 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 #1B5E5E como 0% y #003924 como 100%.

0.0%	0.0% #1B5E5E	RGB 27 94 94	#1B5E5E
16.7%	16.7% #155753	RGB 21 87 83	#155753
33.3%	33.3% #0F5149	RGB 15 81 73	#0F5149
50.0%	50.0% #0A4B3F	RGB 10 75 63	#0A4B3F
66.7%	66.7% #064535	RGB 6 69 53	#064535
83.3%	83.3% #033F2C	RGB 3 63 44	#033F2C
100.0%	100.0% #003924	RGB 0 57 36	#003924

#1B5E5E #155753 #0F5149 #0A4B3F #064535 #033F2C #003924

#1B5E5E - #0A4B3F - #003924

Códigos CSS

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

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