#5E7A8F - #263541 | 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 #5E7A8F a #263541

#5E7A8F #263541

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

#5E7A8F - #263541 | 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 #5E7A8F como 0% y #263541 como 100%.

0.0%	0.0% #5E7A8F	RGB 94 122 143	#5E7A8F
16.7%	16.7% #546E82	RGB 84 110 130	#546E82
33.3%	33.3% #4B6375	RGB 75 99 117	#4B6375
50.0%	50.0% #425768	RGB 66 87 104	#425768
66.7%	66.7% #384C5B	RGB 56 76 91	#384C5B
83.3%	83.3% #2F404E	RGB 47 64 78	#2F404E
100.0%	100.0% #263541	RGB 38 53 65	#263541

#5E7A8F #546E82 #4B6375 #425768 #384C5B #2F404E #263541

#5E7A8F - #263541

Mezcla HSV

#5E7A8F - #263541 | 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 #5E7A8F como 0% y #263541 como 100%.

0.0%	0.0% #5E7A8F	RGB 94 122 143	#5E7A8F
16.7%	16.7% #536E82	RGB 83 110 130	#536E82
33.3%	33.3% #4A6275	RGB 74 98 117	#4A6275
50.0%	50.0% #405668	RGB 64 86 104	#405668
66.7%	66.7% #374B5B	RGB 55 75 91	#374B5B
83.3%	83.3% #2E404E	RGB 46 64 78	#2E404E
100.0%	100.0% #263541	RGB 38 53 65	#263541

#5E7A8F #536E82 #4A6275 #405668 #374B5B #2E404E #263541

#5E7A8F - #405668 - #263541

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7A8F 0%, #405668 50%, #263541 100%);
    background: -webkit-linear-gradient(top, #5E7A8F 0%, #405668 50%, #263541 100%);
    background: linear-gradient(to bottom, #5E7A8F 0%, #405668 50%, #263541 100%);
}
</style>