#5B4D5E - #490A50 | 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 #5B4D5E a #490A50

#5B4D5E #490A50

Calcule el color entre dos colores, #5B4D5E y #490A50. 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)

#5B4D5E - #490A50 | 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 #5B4D5E como 0% y #490A50 como 100%.

0.0%	0.0% #5B4D5E	RGB 91 77 94	#5B4D5E
16.7%	16.7% #58415B	RGB 88 65 91	#58415B
33.3%	33.3% #553659	RGB 85 54 89	#553659
50.0%	50.0% #522B57	RGB 82 43 87	#522B57
66.7%	66.7% #4F2054	RGB 79 32 84	#4F2054
83.3%	83.3% #4C1552	RGB 76 21 82	#4C1552
100.0%	100.0% #490A50	RGB 73 10 80	#490A50

#5B4D5E #58415B #553659 #522B57 #4F2054 #4C1552 #490A50

#5B4D5E - #490A50

Mezcla HSV

#5B4D5E - #490A50 | 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 #5B4D5E como 0% y #490A50 como 100%.

0.0%	0.0% #5B4D5E	RGB 91 77 94	#5B4D5E
16.7%	16.7% #57405B	RGB 87 64 91	#57405B
33.3%	33.3% #533459	RGB 83 52 89	#533459
50.0%	50.0% #502957	RGB 80 41 87	#502957
66.7%	66.7% #4D1E54	RGB 77 30 84	#4D1E54
83.3%	83.3% #4B1352	RGB 75 19 82	#4B1352
100.0%	100.0% #490A50	RGB 73 10 80	#490A50

#5B4D5E #57405B #533459 #502957 #4D1E54 #4B1352 #490A50

#5B4D5E - #502957 - #490A50

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B4D5E 0%, #502957 50%, #490A50 100%);
    background: -webkit-linear-gradient(top, #5B4D5E 0%, #502957 50%, #490A50 100%);
    background: linear-gradient(to bottom, #5B4D5E 0%, #502957 50%, #490A50 100%);
}
</style>