#5E5EEC - #929FFF | 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 #929FFF

#5E5EEC #929FFF

Calcule el color entre dos colores, #5E5EEC y #929FFF. 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 - #929FFF | 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 #929FFF como 100%.

0.0%	0.0% #5E5EEC	RGB 94 94 236	#5E5EEC
16.7%	16.7% #6668EF	RGB 102 104 239	#6668EF
33.3%	33.3% #6F73F2	RGB 111 115 242	#6F73F2
50.0%	50.0% #787EF5	RGB 120 126 245	#787EF5
66.7%	66.7% #8089F8	RGB 128 137 248	#8089F8
83.3%	83.3% #8994FB	RGB 137 148 251	#8994FB
100.0%	100.0% #929FFF	RGB 146 159 255	#929FFF

#5E5EEC #6668EF #6F73F2 #787EF5 #8089F8 #8994FB #929FFF

#5E5EEC - #929FFF

Mezcla HSV

#5E5EEC - #929FFF | 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 #929FFF como 100%.

0.0%	0.0% #5E5EEC	RGB 94 94 236	#5E5EEC
16.7%	16.7% #6668EF	RGB 102 104 239	#6668EF
33.3%	33.3% #6E73F2	RGB 110 115 242	#6E73F2
50.0%	50.0% #777EF5	RGB 119 126 245	#777EF5
66.7%	66.7% #7F89F8	RGB 127 137 248	#7F89F8
83.3%	83.3% #8894FB	RGB 136 148 251	#8894FB
100.0%	100.0% #929FFF	RGB 146 159 255	#929FFF

#5E5EEC #6668EF #6E73F2 #777EF5 #7F89F8 #8894FB #929FFF

#5E5EEC - #777EF5 - #929FFF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EEC 0%, #777EF5 50%, #929FFF 100%);
    background: -webkit-linear-gradient(top, #5E5EEC 0%, #777EF5 50%, #929FFF 100%);
    background: linear-gradient(to bottom, #5E5EEC 0%, #777EF5 50%, #929FFF 100%);
}
</style>