#5E7F8F - #ABA5AE | 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 #ABA5AE

#5E7F8F #ABA5AE

Calcule el color entre dos colores, #5E7F8F y #ABA5AE. 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 - #ABA5AE | 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 #ABA5AE como 100%.

0.0%	0.0% #5E7F8F	RGB 94 127 143	#5E7F8F
16.7%	16.7% #6A8594	RGB 106 133 148	#6A8594
33.3%	33.3% #778B99	RGB 119 139 153	#778B99
50.0%	50.0% #84929E	RGB 132 146 158	#84929E
66.7%	66.7% #9198A3	RGB 145 152 163	#9198A3
83.3%	83.3% #9E9EA8	RGB 158 158 168	#9E9EA8
100.0%	100.0% #ABA5AE	RGB 171 165 174	#ABA5AE

#5E7F8F #6A8594 #778B99 #84929E #9198A3 #9E9EA8 #ABA5AE

#5E7F8F - #ABA5AE

Mezcla HSV

#5E7F8F - #ABA5AE | 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 #ABA5AE como 100%.

0.0%	0.0% #5E7F8F	RGB 94 127 143	#5E7F8F
16.7%	16.7% #687C94	RGB 104 124 148	#687C94
33.3%	33.3% #737C99	RGB 115 124 153	#737C99
50.0%	50.0% #7F7F9E	RGB 127 127 158	#7F7F9E
66.7%	66.7% #908BA3	RGB 144 139 163	#908BA3
83.3%	83.3% #9F97A8	RGB 159 151 168	#9F97A8
100.0%	100.0% #ABA5AE	RGB 171 165 174	#ABA5AE

#5E7F8F #687C94 #737C99 #7F7F9E #908BA3 #9F97A8 #ABA5AE

#5E7F8F - #7F7F9E - #ABA5AE

Códigos CSS

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

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