#5E5E69 - #D1D1D4 | 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 #5E5E69 a #D1D1D4

#5E5E69 #D1D1D4

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

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

0.0%	0.0% #5E5E69	RGB 94 94 105	#5E5E69
16.7%	16.7% #71717A	RGB 113 113 122	#71717A
33.3%	33.3% #84848C	RGB 132 132 140	#84848C
50.0%	50.0% #97979E	RGB 151 151 158	#97979E
66.7%	66.7% #AAAAB0	RGB 170 170 176	#AAAAB0
83.3%	83.3% #BDBDC2	RGB 189 189 194	#BDBDC2
100.0%	100.0% #D1D1D4	RGB 209 209 212	#D1D1D4

#5E5E69 #71717A #84848C #97979E #AAAAB0 #BDBDC2 #D1D1D4

#5E5E69 - #D1D1D4

Mezcla HSV

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

0.0%	0.0% #5E5E69	RGB 94 94 105	#5E5E69
16.7%	16.7% #6F6F7A	RGB 111 111 122	#6F6F7A
33.3%	33.3% #82828C	RGB 130 130 140	#82828C
50.0%	50.0% #95959E	RGB 149 149 158	#95959E
66.7%	66.7% #A8A8B0	RGB 168 168 176	#A8A8B0
83.3%	83.3% #BCBCC2	RGB 188 188 194	#BCBCC2
100.0%	100.0% #D1D1D4	RGB 209 209 212	#D1D1D4

#5E5E69 #6F6F7A #82828C #95959E #A8A8B0 #BCBCC2 #D1D1D4

#5E5E69 - #95959E - #D1D1D4

Códigos CSS

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

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