#5E5EEC - #14139E | 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 #5E5EEC a #14139E

#5E5EEC #14139E

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

#5E5EEC - #14139E | 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 #5E5EEC como 0% y #14139E como 100%.

0.0%	0.0% #5E5EEC	RGB 94 94 236	#5E5EEC
16.7%	16.7% #5151DF	RGB 81 81 223	#5151DF
33.3%	33.3% #4545D2	RGB 69 69 210	#4545D2
50.0%	50.0% #3938C5	RGB 57 56 197	#3938C5
66.7%	66.7% #2C2CB8	RGB 44 44 184	#2C2CB8
83.3%	83.3% #201FAB	RGB 32 31 171	#201FAB
100.0%	100.0% #14139E	RGB 20 19 158	#14139E

#5E5EEC #5151DF #4545D2 #3938C5 #2C2CB8 #201FAB #14139E

#5E5EEC - #14139E

Mezcla HSV

#5E5EEC - #14139E | 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 #5E5EEC como 0% y #14139E como 100%.

0.0%	0.0% #5E5EEC	RGB 94 94 236	#5E5EEC
16.7%	16.7% #4E4EDF	RGB 78 78 223	#4E4EDF
33.3%	33.3% #4040D2	RGB 64 64 210	#4040D2
50.0%	50.0% #3333C5	RGB 51 51 197	#3333C5
66.7%	66.7% #2727B8	RGB 39 39 184	#2727B8
83.3%	83.3% #1D1CAB	RGB 29 28 171	#1D1CAB
100.0%	100.0% #14139E	RGB 20 19 158	#14139E

#5E5EEC #4E4EDF #4040D2 #3333C5 #2727B8 #1D1CAB #14139E

#5E5EEC - #3333C5 - #14139E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EEC 0%, #3333C5 50%, #14139E 100%);
    background: -webkit-linear-gradient(top, #5E5EEC 0%, #3333C5 50%, #14139E 100%);
    background: linear-gradient(to bottom, #5E5EEC 0%, #3333C5 50%, #14139E 100%);
}
</style>