#5E7F8F - #1A3D3B | 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 #5E7F8F a #1A3D3B

#5E7F8F #1A3D3B

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

#5E7F8F - #1A3D3B | 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 #5E7F8F como 0% y #1A3D3B como 100%.

0.0%	0.0% #5E7F8F	RGB 94 127 143	#5E7F8F
16.7%	16.7% #527481	RGB 82 116 129	#527481
33.3%	33.3% #476973	RGB 71 105 115	#476973
50.0%	50.0% #3C5E65	RGB 60 94 101	#3C5E65
66.7%	66.7% #305357	RGB 48 83 87	#305357
83.3%	83.3% #254849	RGB 37 72 73	#254849
100.0%	100.0% #1A3D3B	RGB 26 61 59	#1A3D3B

#5E7F8F #527481 #476973 #3C5E65 #305357 #254849 #1A3D3B

#5E7F8F - #1A3D3B

Mezcla HSV

#5E7F8F - #1A3D3B | 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 #5E7F8F como 0% y #1A3D3B como 100%.

0.0%	0.0% #5E7F8F	RGB 94 127 143	#5E7F8F
16.7%	16.7% #507481	RGB 80 116 129	#507481
33.3%	33.3% #436A73	RGB 67 106 115	#436A73
50.0%	50.0% #375F66	RGB 55 95 102	#375F66
66.7%	66.7% #2C5558	RGB 44 85 88	#2C5558
83.3%	83.3% #224A4A	RGB 34 74 74	#224A4A
100.0%	100.0% #1A3D3B	RGB 26 61 59	#1A3D3B

#5E7F8F #507481 #436A73 #375F66 #2C5558 #224A4A #1A3D3B

#5E7F8F - #375F66 - #1A3D3B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7F8F 0%, #375F66 50%, #1A3D3B 100%);
    background: -webkit-linear-gradient(top, #5E7F8F 0%, #375F66 50%, #1A3D3B 100%);
    background: linear-gradient(to bottom, #5E7F8F 0%, #375F66 50%, #1A3D3B 100%);
}
</style>