#4E465E - #26094E | 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 #4E465E a #26094E

#4E465E #26094E

Calcule el color entre dos colores, #4E465E y #26094E. 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)

#4E465E - #26094E | 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 #4E465E como 0% y #26094E como 100%.

0.0%	0.0% #4E465E	RGB 78 70 94	#4E465E
16.7%	16.7% #473B5B	RGB 71 59 91	#473B5B
33.3%	33.3% #403158	RGB 64 49 88	#403158
50.0%	50.0% #3A2756	RGB 58 39 86	#3A2756
66.7%	66.7% #331D53	RGB 51 29 83	#331D53
83.3%	83.3% #2C1350	RGB 44 19 80	#2C1350
100.0%	100.0% #26094E	RGB 38 9 78	#26094E

#4E465E #473B5B #403158 #3A2756 #331D53 #2C1350 #26094E

#4E465E - #26094E

Mezcla HSV

#4E465E - #26094E | 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 #4E465E como 0% y #26094E como 100%.

0.0%	0.0% #4E465E	RGB 78 70 94	#4E465E
16.7%	16.7% #453A5B	RGB 69 58 91	#453A5B
33.3%	33.3% #3E2F58	RGB 62 47 88	#3E2F58
50.0%	50.0% #372456	RGB 55 36 86	#372456
66.7%	66.7% #311B53	RGB 49 27 83	#311B53
83.3%	83.3% #2B1150	RGB 43 17 80	#2B1150
100.0%	100.0% #26094E	RGB 38 9 78	#26094E

#4E465E #453A5B #3E2F58 #372456 #311B53 #2B1150 #26094E

#4E465E - #372456 - #26094E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E465E 0%, #372456 50%, #26094E 100%);
    background: -webkit-linear-gradient(top, #4E465E 0%, #372456 50%, #26094E 100%);
    background: linear-gradient(to bottom, #4E465E 0%, #372456 50%, #26094E 100%);
}
</style>