#7E7E87 - #293E3E | 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 #7E7E87 a #293E3E

#7E7E87 #293E3E

Calcule el color entre dos colores, #7E7E87 y #293E3E. 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)

#7E7E87 - #293E3E | 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 #7E7E87 como 0% y #293E3E como 100%.

0.0%	0.0% #7E7E87	RGB 126 126 135	#7E7E87
16.7%	16.7% #6F737A	RGB 111 115 122	#6F737A
33.3%	33.3% #61686E	RGB 97 104 110	#61686E
50.0%	50.0% #535E62	RGB 83 94 98	#535E62
66.7%	66.7% #455356	RGB 69 83 86	#455356
83.3%	83.3% #37484A	RGB 55 72 74	#37484A
100.0%	100.0% #293E3E	RGB 41 62 62	#293E3E

#7E7E87 #6F737A #61686E #535E62 #455356 #37484A #293E3E

#7E7E87 - #293E3E

Mezcla HSV

#7E7E87 - #293E3E | 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 #7E7E87 como 0% y #293E3E como 100%.

0.0%	0.0% #7E7E87	RGB 126 126 135	#7E7E87
16.7%	16.7% #6D6F7A	RGB 109 111 122	#6D6F7A
33.3%	33.3% #5D636E	RGB 93 99 110	#5D636E
50.0%	50.0% #4E5862	RGB 78 88 98	#4E5862
66.7%	66.7% #404F56	RGB 64 79 86	#404F56
83.3%	83.3% #34464A	RGB 52 70 74	#34464A
100.0%	100.0% #293E3E	RGB 41 62 62	#293E3E

#7E7E87 #6D6F7A #5D636E #4E5862 #404F56 #34464A #293E3E

#7E7E87 - #4E5862 - #293E3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E7E87 0%, #4E5862 50%, #293E3E 100%);
    background: -webkit-linear-gradient(top, #7E7E87 0%, #4E5862 50%, #293E3E 100%);
    background: linear-gradient(to bottom, #7E7E87 0%, #4E5862 50%, #293E3E 100%);
}
</style>