#5D4EB3 - #1A1633 | 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 #5D4EB3 a #1A1633

#5D4EB3 #1A1633

Calcule el color entre dos colores, #5D4EB3 y #1A1633. 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)

#5D4EB3 - #1A1633 | 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 #5D4EB3 como 0% y #1A1633 como 100%.

0.0%	0.0% #5D4EB3	RGB 93 78 179	#5D4EB3
16.7%	16.7% #51449D	RGB 81 68 157	#51449D
33.3%	33.3% #463B88	RGB 70 59 136	#463B88
50.0%	50.0% #3B3273	RGB 59 50 115	#3B3273
66.7%	66.7% #30285D	RGB 48 40 93	#30285D
83.3%	83.3% #251F48	RGB 37 31 72	#251F48
100.0%	100.0% #1A1633	RGB 26 22 51	#1A1633

#5D4EB3 #51449D #463B88 #3B3273 #30285D #251F48 #1A1633

#5D4EB3 - #1A1633

Mezcla HSV

#5D4EB3 - #1A1633 | 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 #5D4EB3 como 0% y #1A1633 como 100%.

0.0%	0.0% #5C4EB3	RGB 92 78 179	#5C4EB3
16.7%	16.7% #51449D	RGB 81 68 157	#51449D
33.3%	33.3% #463B88	RGB 70 59 136	#463B88
50.0%	50.0% #3B3173	RGB 59 49 115	#3B3173
66.7%	66.7% #30285D	RGB 48 40 93	#30285D
83.3%	83.3% #241F48	RGB 36 31 72	#241F48
100.0%	100.0% #1A1633	RGB 26 22 51	#1A1633

#5C4EB3 #51449D #463B88 #3B3173 #30285D #241F48 #1A1633

#5D4EB3 - #3B3173 - #1A1633

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C4EB3 0%, #3B3173 50%, #1A1633 100%);
    background: -webkit-linear-gradient(top, #5C4EB3 0%, #3B3173 50%, #1A1633 100%);
    background: linear-gradient(to bottom, #5C4EB3 0%, #3B3173 50%, #1A1633 100%);
}
</style>