#5E5E6E - #7AA4E6 | 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 #5E5E6E a #7AA4E6

#5E5E6E #7AA4E6

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

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

0.0%	0.0% #5E5E6E	RGB 94 94 110	#5E5E6E
16.7%	16.7% #626982	RGB 98 105 130	#626982
33.3%	33.3% #677596	RGB 103 117 150	#677596
50.0%	50.0% #6C81AA	RGB 108 129 170	#6C81AA
66.7%	66.7% #708CBE	RGB 112 140 190	#708CBE
83.3%	83.3% #7598D2	RGB 117 152 210	#7598D2
100.0%	100.0% #7AA4E6	RGB 122 164 230	#7AA4E6

#5E5E6E #626982 #677596 #6C81AA #708CBE #7598D2 #7AA4E6

#5E5E6E - #7AA4E6

Mezcla HSV

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

0.0%	0.0% #5E5E6E	RGB 94 94 110	#5E5E6E
16.7%	16.7% #686982	RGB 104 105 130	#686982
33.3%	33.3% #6F7496	RGB 111 116 150	#6F7496
50.0%	50.0% #757FAA	RGB 117 127 170	#757FAA
66.7%	66.7% #798BBE	RGB 121 139 190	#798BBE
83.3%	83.3% #7A97D2	RGB 122 151 210	#7A97D2
100.0%	100.0% #7AA4E6	RGB 122 164 230	#7AA4E6

#5E5E6E #686982 #6F7496 #757FAA #798BBE #7A97D2 #7AA4E6

#5E5E6E - #757FAA - #7AA4E6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E6E 0%, #757FAA 50%, #7AA4E6 100%);
    background: -webkit-linear-gradient(top, #5E5E6E 0%, #757FAA 50%, #7AA4E6 100%);
    background: linear-gradient(to bottom, #5E5E6E 0%, #757FAA 50%, #7AA4E6 100%);
}
</style>