#5E4BA3 - #1A152E | 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 #5E4BA3 a #1A152E

#5E4BA3 #1A152E

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

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

0.0%	0.0% #5E4BA3	RGB 94 75 163	#5E4BA3
16.7%	16.7% #52428F	RGB 82 66 143	#52428F
33.3%	33.3% #47397C	RGB 71 57 124	#47397C
50.0%	50.0% #3C3068	RGB 60 48 104	#3C3068
66.7%	66.7% #302755	RGB 48 39 85	#302755
83.3%	83.3% #251E41	RGB 37 30 65	#251E41
100.0%	100.0% #1A152E	RGB 26 21 46	#1A152E

#5E4BA3 #52428F #47397C #3C3068 #302755 #251E41 #1A152E

#5E4BA3 - #1A152E

Mezcla HSV

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

0.0%	0.0% #5D4BA3	RGB 93 75 163	#5D4BA3
16.7%	16.7% #52418F	RGB 82 65 143	#52418F
33.3%	33.3% #47387C	RGB 71 56 124	#47387C
50.0%	50.0% #3B2F68	RGB 59 47 104	#3B2F68
66.7%	66.7% #302655	RGB 48 38 85	#302655
83.3%	83.3% #251D41	RGB 37 29 65	#251D41
100.0%	100.0% #1A152E	RGB 26 21 46	#1A152E

#5D4BA3 #52418F #47387C #3B2F68 #302655 #251D41 #1A152E

#5E4BA3 - #3B2F68 - #1A152E

Códigos CSS

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

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