#5E5E79 - #B19E95 | 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 #5E5E79 a #B19E95

#5E5E79 #B19E95

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

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

0.0%	0.0% #5E5E79	RGB 94 94 121	#5E5E79
16.7%	16.7% #6B687D	RGB 107 104 125	#6B687D
33.3%	33.3% #797382	RGB 121 115 130	#797382
50.0%	50.0% #877E87	RGB 135 126 135	#877E87
66.7%	66.7% #95888B	RGB 149 136 139	#95888B
83.3%	83.3% #A39390	RGB 163 147 144	#A39390
100.0%	100.0% #B19E95	RGB 177 158 149	#B19E95

#5E5E79 #6B687D #797382 #877E87 #95888B #A39390 #B19E95

#5E5E79 - #B19E95

Mezcla HSV

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

0.0%	0.0% #5E5E79	RGB 94 94 121	#5E5E79
16.7%	16.7% #716682	RGB 113 102 130	#716682
33.3%	33.3% #856F8B	RGB 133 111 139	#856F8B
50.0%	50.0% #957890	RGB 149 120 144	#957890
66.7%	66.7% #9E818E	RGB 158 129 142	#9E818E
83.3%	83.3% #A78B8D	RGB 167 139 141	#A78B8D
100.0%	100.0% #B19E95	RGB 177 158 149	#B19E95

#5E5E79 #716682 #856F8B #957890 #9E818E #A78B8D #B19E95

#5E5E79 - #957890 - #B19E95

Códigos CSS

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

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