#5E5E78 - #B19E94 | 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 #5E5E78 a #B19E94

#5E5E78 #B19E94

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

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

0.0%	0.0% #5E5E78	RGB 94 94 120	#5E5E78
16.7%	16.7% #6B687C	RGB 107 104 124	#6B687C
33.3%	33.3% #797381	RGB 121 115 129	#797381
50.0%	50.0% #877E86	RGB 135 126 134	#877E86
66.7%	66.7% #95888A	RGB 149 136 138	#95888A
83.3%	83.3% #A3938F	RGB 163 147 143	#A3938F
100.0%	100.0% #B19E94	RGB 177 158 148	#B19E94

#5E5E78 #6B687C #797381 #877E86 #95888A #A3938F #B19E94

#5E5E78 - #B19E94

Mezcla HSV

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

0.0%	0.0% #5E5E78	RGB 94 94 120	#5E5E78
16.7%	16.7% #716681	RGB 113 102 129	#716681
33.3%	33.3% #846F8B	RGB 132 111 139	#846F8B
50.0%	50.0% #94788F	RGB 148 120 143	#94788F
66.7%	66.7% #9E818D	RGB 158 129 141	#9E818D
83.3%	83.3% #A78A8B	RGB 167 138 139	#A78A8B
100.0%	100.0% #B19E94	RGB 177 158 148	#B19E94

#5E5E78 #716681 #846F8B #94788F #9E818D #A78A8B #B19E94

#5E5E78 - #94788F - #B19E94

Códigos CSS

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

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