#5E7E8F - #1D3B3E | 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 #5E7E8F a #1D3B3E

#5E7E8F #1D3B3E

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

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

0.0%	0.0% #5E7E8F	RGB 94 126 143	#5E7E8F
16.7%	16.7% #537281	RGB 83 114 129	#537281
33.3%	33.3% #486774	RGB 72 103 116	#486774
50.0%	50.0% #3D5C66	RGB 61 92 102	#3D5C66
66.7%	66.7% #325159	RGB 50 81 89	#325159
83.3%	83.3% #27464B	RGB 39 70 75	#27464B
100.0%	100.0% #1D3B3E	RGB 29 59 62	#1D3B3E

#5E7E8F #537281 #486774 #3D5C66 #325159 #27464B #1D3B3E

#5E7E8F - #1D3B3E

Mezcla HSV

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

0.0%	0.0% #5E7E8F	RGB 94 126 143	#5E7E8F
16.7%	16.7% #517281	RGB 81 114 129	#517281
33.3%	33.3% #446774	RGB 68 103 116	#446774
50.0%	50.0% #395C66	RGB 57 92 102	#395C66
66.7%	66.7% #2F5159	RGB 47 81 89	#2F5159
83.3%	83.3% #25464B	RGB 37 70 75	#25464B
100.0%	100.0% #1D3B3E	RGB 29 59 62	#1D3B3E

#5E7E8F #517281 #446774 #395C66 #2F5159 #25464B #1D3B3E

#5E7E8F - #395C66 - #1D3B3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E8F 0%, #395C66 50%, #1D3B3E 100%);
    background: -webkit-linear-gradient(top, #5E7E8F 0%, #395C66 50%, #1D3B3E 100%);
    background: linear-gradient(to bottom, #5E7E8F 0%, #395C66 50%, #1D3B3E 100%);
}
</style>