#5E5EAB - #7B9FFF | 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 #5E5EAB a #7B9FFF

#5E5EAB #7B9FFF

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

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

0.0%	0.0% #5E5EAB	RGB 94 94 171	#5E5EAB
16.7%	16.7% #6268B9	RGB 98 104 185	#6268B9
33.3%	33.3% #6773C7	RGB 103 115 199	#6773C7
50.0%	50.0% #6C7ED5	RGB 108 126 213	#6C7ED5
66.7%	66.7% #7189E3	RGB 113 137 227	#7189E3
83.3%	83.3% #7694F1	RGB 118 148 241	#7694F1
100.0%	100.0% #7B9FFF	RGB 123 159 255	#7B9FFF

#5E5EAB #6268B9 #6773C7 #6C7ED5 #7189E3 #7694F1 #7B9FFF

#5E5EAB - #7B9FFF

Mezcla HSV

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

0.0%	0.0% #5E5EAB	RGB 94 94 171	#5E5EAB
16.7%	16.7% #6367B9	RGB 99 103 185	#6367B9
33.3%	33.3% #6871C7	RGB 104 113 199	#6871C7
50.0%	50.0% #6D7BD5	RGB 109 123 213	#6D7BD5
66.7%	66.7% #7287E3	RGB 114 135 227	#7287E3
83.3%	83.3% #7692F1	RGB 118 146 241	#7692F1
100.0%	100.0% #7B9FFF	RGB 123 159 255	#7B9FFF

#5E5EAB #6367B9 #6871C7 #6D7BD5 #7287E3 #7692F1 #7B9FFF

#5E5EAB - #6D7BD5 - #7B9FFF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EAB 0%, #6D7BD5 50%, #7B9FFF 100%);
    background: -webkit-linear-gradient(top, #5E5EAB 0%, #6D7BD5 50%, #7B9FFF 100%);
    background: linear-gradient(to bottom, #5E5EAB 0%, #6D7BD5 50%, #7B9FFF 100%);
}
</style>