#898B8C - #3F3E44 | 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 #898B8C a #3F3E44

#898B8C #3F3E44

Calcule el color entre dos colores, #898B8C y #3F3E44. 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)

#898B8C - #3F3E44 | 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 #898B8C como 0% y #3F3E44 como 100%.

0.0%	0.0% #898B8C	RGB 137 139 140	#898B8C
16.7%	16.7% #7C7E80	RGB 124 126 128	#7C7E80
33.3%	33.3% #707174	RGB 112 113 116	#707174
50.0%	50.0% #646468	RGB 100 100 104	#646468
66.7%	66.7% #57575C	RGB 87 87 92	#57575C
83.3%	83.3% #4B4A50	RGB 75 74 80	#4B4A50
100.0%	100.0% #3F3E44	RGB 63 62 68	#3F3E44

#898B8C #7C7E80 #707174 #646468 #57575C #4B4A50 #3F3E44

#898B8C - #3F3E44

Mezcla HSV

#898B8C - #3F3E44 | 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 #898B8C como 0% y #3F3E44 como 100%.

0.0%	0.0% #898B8C	RGB 137 139 140	#898B8C
16.7%	16.7% #7B7E80	RGB 123 126 128	#7B7E80
33.3%	33.3% #6E7074	RGB 110 112 116	#6E7074
50.0%	50.0% #626368	RGB 98 99 104	#626368
66.7%	66.7% #55565C	RGB 85 86 92	#55565C
83.3%	83.3% #4A4950	RGB 74 73 80	#4A4950
100.0%	100.0% #3F3E44	RGB 63 62 68	#3F3E44

#898B8C #7B7E80 #6E7074 #626368 #55565C #4A4950 #3F3E44

#898B8C - #626368 - #3F3E44

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #898B8C 0%, #626368 50%, #3F3E44 100%);
    background: -webkit-linear-gradient(top, #898B8C 0%, #626368 50%, #3F3E44 100%);
    background: linear-gradient(to bottom, #898B8C 0%, #626368 50%, #3F3E44 100%);
}
</style>