#8C8C8F - #334947 | 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 #8C8C8F a #334947

#8C8C8F #334947

Calcule el color entre dos colores, #8C8C8F y #334947. 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)

#8C8C8F - #334947 | 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 #8C8C8F como 0% y #334947 como 100%.

0.0%	0.0% #8C8C8F	RGB 140 140 143	#8C8C8F
16.7%	16.7% #7D8083	RGB 125 128 131	#7D8083
33.3%	33.3% #6E7577	RGB 110 117 119	#6E7577
50.0%	50.0% #5F6A6B	RGB 95 106 107	#5F6A6B
66.7%	66.7% #505F5F	RGB 80 95 95	#505F5F
83.3%	83.3% #415453	RGB 65 84 83	#415453
100.0%	100.0% #334947	RGB 51 73 71	#334947

#8C8C8F #7D8083 #6E7577 #5F6A6B #505F5F #415453 #334947

#8C8C8F - #334947

Mezcla HSV

#8C8C8F - #334947 | 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 #8C8C8F como 0% y #334947 como 100%.

0.0%	0.0% #8C8C8F	RGB 140 140 143	#8C8C8F
16.7%	16.7% #7A7C83	RGB 122 124 131	#7A7C83
33.3%	33.3% #696E77	RGB 105 110 119	#696E77
50.0%	50.0% #5A646C	RGB 90 100 108	#5A646C
66.7%	66.7% #4C5A60	RGB 76 90 96	#4C5A60
83.3%	83.3% #3F5254	RGB 63 82 84	#3F5254
100.0%	100.0% #334947	RGB 51 73 71	#334947

#8C8C8F #7A7C83 #696E77 #5A646C #4C5A60 #3F5254 #334947

#8C8C8F - #5A646C - #334947

Códigos CSS

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

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