#464E5E - #9F9185 | 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 #464E5E a #9F9185

#464E5E #9F9185

Calcule el color entre dos colores, #464E5E y #9F9185. 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)

#464E5E - #9F9185 | 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 #464E5E como 0% y #9F9185 como 100%.

0.0%	0.0% #464E5E	RGB 70 78 94	#464E5E
16.7%	16.7% #545964	RGB 84 89 100	#545964
33.3%	33.3% #63646B	RGB 99 100 107	#63646B
50.0%	50.0% #726F71	RGB 114 111 113	#726F71
66.7%	66.7% #817A78	RGB 129 122 120	#817A78
83.3%	83.3% #90857E	RGB 144 133 126	#90857E
100.0%	100.0% #9F9185	RGB 159 145 133	#9F9185

#464E5E #545964 #63646B #726F71 #817A78 #90857E #9F9185

#464E5E - #9F9185

Mezcla HSV

#464E5E - #9F9185 | 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 #464E5E como 0% y #9F9185 como 100%.

0.0%	0.0% #464E5E	RGB 70 78 94	#464E5E
16.7%	16.7% #534F68	RGB 83 79 104	#534F68
33.3%	33.3% #695973	RGB 105 89 115	#695973
50.0%	50.0% #7E647C	RGB 126 100 124	#7E647C
66.7%	66.7% #896E7B	RGB 137 110 123	#896E7B
83.3%	83.3% #947979	RGB 148 121 121	#947979
100.0%	100.0% #9F9185	RGB 159 145 133	#9F9185

#464E5E #534F68 #695973 #7E647C #896E7B #947979 #9F9185

#464E5E - #7E647C - #9F9185

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #464E5E 0%, #7E647C 50%, #9F9185 100%);
    background: -webkit-linear-gradient(top, #464E5E 0%, #7E647C 50%, #9F9185 100%);
    background: linear-gradient(to bottom, #464E5E 0%, #7E647C 50%, #9F9185 100%);
}
</style>