#5A465E - #47094E | 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 #5A465E a #47094E

#5A465E #47094E

Calcule el color entre dos colores, #5A465E y #47094E. 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)

#5A465E - #47094E | 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 #5A465E como 0% y #47094E como 100%.

0.0%	0.0% #5A465E	RGB 90 70 94	#5A465E
16.7%	16.7% #563B5B	RGB 86 59 91	#563B5B
33.3%	33.3% #533158	RGB 83 49 88	#533158
50.0%	50.0% #502756	RGB 80 39 86	#502756
66.7%	66.7% #4D1D53	RGB 77 29 83	#4D1D53
83.3%	83.3% #4A1350	RGB 74 19 80	#4A1350
100.0%	100.0% #47094E	RGB 71 9 78	#47094E

#5A465E #563B5B #533158 #502756 #4D1D53 #4A1350 #47094E

#5A465E - #47094E

Mezcla HSV

#5A465E - #47094E | 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 #5A465E como 0% y #47094E como 100%.

0.0%	0.0% #5A465E	RGB 90 70 94	#5A465E
16.7%	16.7% #563A5B	RGB 86 58 91	#563A5B
33.3%	33.3% #522F58	RGB 82 47 88	#522F58
50.0%	50.0% #4F2456	RGB 79 36 86	#4F2456
66.7%	66.7% #4C1B53	RGB 76 27 83	#4C1B53
83.3%	83.3% #491150	RGB 73 17 80	#491150
100.0%	100.0% #47094E	RGB 71 9 78	#47094E

#5A465E #563A5B #522F58 #4F2456 #4C1B53 #491150 #47094E

#5A465E - #4F2456 - #47094E

Códigos CSS

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

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