#5E5A8F - #341237 | 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 #5E5A8F a #341237

#5E5A8F #341237

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

#5E5A8F - #341237 | 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 #5E5A8F como 0% y #341237 como 100%.

0.0%	0.0% #5E5A8F	RGB 94 90 143	#5E5A8F
16.7%	16.7% #574E80	RGB 87 78 128	#574E80
33.3%	33.3% #504271	RGB 80 66 113	#504271
50.0%	50.0% #493663	RGB 73 54 99	#493663
66.7%	66.7% #422A54	RGB 66 42 84	#422A54
83.3%	83.3% #3B1E45	RGB 59 30 69	#3B1E45
100.0%	100.0% #341237	RGB 52 18 55	#341237

#5E5A8F #574E80 #504271 #493663 #422A54 #3B1E45 #341237

#5E5A8F - #341237

Mezcla HSV

#5E5A8F - #341237 | 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 #5E5A8F como 0% y #341237 como 100%.

0.0%	0.0% #5E5A8F	RGB 94 90 143	#5E5A8F
16.7%	16.7% #554A80	RGB 85 74 128	#554A80
33.3%	33.3% #4F3C71	RGB 79 60 113	#4F3C71
50.0%	50.0% #492F63	RGB 73 47 99	#492F63
66.7%	66.7% #422454	RGB 66 36 84	#422454
83.3%	83.3% #3C1A45	RGB 60 26 69	#3C1A45
100.0%	100.0% #341237	RGB 52 18 55	#341237

#5E5A8F #554A80 #4F3C71 #492F63 #422454 #3C1A45 #341237

#5E5A8F - #492F63 - #341237

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5A8F 0%, #492F63 50%, #341237 100%);
    background: -webkit-linear-gradient(top, #5E5A8F 0%, #492F63 50%, #341237 100%);
    background: linear-gradient(to bottom, #5E5A8F 0%, #492F63 50%, #341237 100%);
}
</style>