#5E5EAD - #182455 | 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 #5E5EAD a #182455

#5E5EAD #182455

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

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

0.0%	0.0% #5E5EAD	RGB 94 94 173	#5E5EAD
16.7%	16.7% #52549E	RGB 82 84 158	#52549E
33.3%	33.3% #464A8F	RGB 70 74 143	#464A8F
50.0%	50.0% #3B4181	RGB 59 65 129	#3B4181
66.7%	66.7% #2F3772	RGB 47 55 114	#2F3772
83.3%	83.3% #232D63	RGB 35 45 99	#232D63
100.0%	100.0% #182455	RGB 24 36 85	#182455

#5E5EAD #52549E #464A8F #3B4181 #2F3772 #232D63 #182455

#5E5EAD - #182455

Mezcla HSV

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

0.0%	0.0% #5E5EAD	RGB 94 94 173	#5E5EAD
16.7%	16.7% #4F519E	RGB 79 81 158	#4F519E
33.3%	33.3% #41468F	RGB 65 70 143	#41468F
50.0%	50.0% #353C81	RGB 53 60 129	#353C81
66.7%	66.7% #2A3372	RGB 42 51 114	#2A3372
83.3%	83.3% #202B63	RGB 32 43 99	#202B63
100.0%	100.0% #182455	RGB 24 36 85	#182455

#5E5EAD #4F519E #41468F #353C81 #2A3372 #202B63 #182455

#5E5EAD - #353C81 - #182455

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EAD 0%, #353C81 50%, #182455 100%);
    background: -webkit-linear-gradient(top, #5E5EAD 0%, #353C81 50%, #182455 100%);
    background: linear-gradient(to bottom, #5E5EAD 0%, #353C81 50%, #182455 100%);
}
</style>