#969B9C - #4D4954 | 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 #969B9C a #4D4954

#969B9C #4D4954

Calcule el color entre dos colores, #969B9C y #4D4954. 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)

#969B9C - #4D4954 | 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 #969B9C como 0% y #4D4954 como 100%.

0.0%	0.0% #969B9C	RGB 150 155 156	#969B9C
16.7%	16.7% #898D90	RGB 137 141 144	#898D90
33.3%	33.3% #7D7F84	RGB 125 127 132	#7D7F84
50.0%	50.0% #717278	RGB 113 114 120	#717278
66.7%	66.7% #65646C	RGB 101 100 108	#65646C
83.3%	83.3% #595660	RGB 89 86 96	#595660
100.0%	100.0% #4D4954	RGB 77 73 84	#4D4954

#969B9C #898D90 #7D7F84 #717278 #65646C #595660 #4D4954

#969B9C - #4D4954

Mezcla HSV

#969B9C - #4D4954 | 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 #969B9C como 0% y #4D4954 como 100%.

0.0%	0.0% #969B9C	RGB 150 155 156	#969B9C
16.7%	16.7% #888D90	RGB 136 141 144	#888D90
33.3%	33.3% #7A7E84	RGB 122 126 132	#7A7E84
50.0%	50.0% #6D7078	RGB 109 112 120	#6D7078
66.7%	66.7% #61616C	RGB 97 97 108	#61616C
83.3%	83.3% #565460	RGB 86 84 96	#565460
100.0%	100.0% #4D4954	RGB 77 73 84	#4D4954

#969B9C #888D90 #7A7E84 #6D7078 #61616C #565460 #4D4954

#969B9C - #6D7078 - #4D4954

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #969B9C 0%, #6D7078 50%, #4D4954 100%);
    background: -webkit-linear-gradient(top, #969B9C 0%, #6D7078 50%, #4D4954 100%);
    background: linear-gradient(to bottom, #969B9C 0%, #6D7078 50%, #4D4954 100%);
}
</style>