#8889AC - #262731 | 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 #8889AC a #262731

#8889AC #262731

Calcule el color entre dos colores, #8889AC y #262731. 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)

#8889AC - #262731 | 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 #8889AC como 0% y #262731 como 100%.

0.0%	0.0% #8889AC	RGB 136 137 172	#8889AC
16.7%	16.7% #777897	RGB 119 120 151	#777897
33.3%	33.3% #676883	RGB 103 104 131	#676883
50.0%	50.0% #57586E	RGB 87 88 110	#57586E
66.7%	66.7% #46475A	RGB 70 71 90	#46475A
83.3%	83.3% #363745	RGB 54 55 69	#363745
100.0%	100.0% #262731	RGB 38 39 49	#262731

#8889AC #777897 #676883 #57586E #46475A #363745 #262731

#8889AC - #262731

Mezcla HSV

#8889AC - #262731 | 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 #8889AC como 0% y #262731 como 100%.

0.0%	0.0% #8889AC	RGB 136 137 172	#8889AC
16.7%	16.7% #777897	RGB 119 120 151	#777897
33.3%	33.3% #666883	RGB 102 104 131	#666883
50.0%	50.0% #56576E	RGB 86 87 110	#56576E
66.7%	66.7% #46475A	RGB 70 71 90	#46475A
83.3%	83.3% #363745	RGB 54 55 69	#363745
100.0%	100.0% #262731	RGB 38 39 49	#262731

#8889AC #777897 #666883 #56576E #46475A #363745 #262731

#8889AC - #56576E - #262731

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8889AC 0%, #56576E 50%, #262731 100%);
    background: -webkit-linear-gradient(top, #8889AC 0%, #56576E 50%, #262731 100%);
    background: linear-gradient(to bottom, #8889AC 0%, #56576E 50%, #262731 100%);
}
</style>