#8F9093 - #3B484B | 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 #8F9093 a #3B484B

#8F9093 #3B484B

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

#8F9093 - #3B484B | 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 #8F9093 como 0% y #3B484B como 100%.

0.0%	0.0% #8F9093	RGB 143 144 147	#8F9093
16.7%	16.7% #818487	RGB 129 132 135	#818487
33.3%	33.3% #73787B	RGB 115 120 123	#73787B
50.0%	50.0% #656C6F	RGB 101 108 111	#656C6F
66.7%	66.7% #576063	RGB 87 96 99	#576063
83.3%	83.3% #495457	RGB 73 84 87	#495457
100.0%	100.0% #3B484B	RGB 59 72 75	#3B484B

#8F9093 #818487 #73787B #656C6F #576063 #495457 #3B484B

#8F9093 - #3B484B

Mezcla HSV

#8F9093 - #3B484B | 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 #8F9093 como 0% y #3B484B como 100%.

0.0%	0.0% #8F9093	RGB 143 144 147	#8F9093
16.7%	16.7% #7F8187	RGB 127 129 135	#7F8187
33.3%	33.3% #70747B	RGB 112 116 123	#70747B
50.0%	50.0% #61686F	RGB 97 104 111	#61686F
66.7%	66.7% #545D63	RGB 84 93 99	#545D63
83.3%	83.3% #475257	RGB 71 82 87	#475257
100.0%	100.0% #3B484B	RGB 59 72 75	#3B484B

#8F9093 #7F8187 #70747B #61686F #545D63 #475257 #3B484B

#8F9093 - #61686F - #3B484B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F9093 0%, #61686F 50%, #3B484B 100%);
    background: -webkit-linear-gradient(top, #8F9093 0%, #61686F 50%, #3B484B 100%);
    background: linear-gradient(to bottom, #8F9093 0%, #61686F 50%, #3B484B 100%);
}
</style>