#5E5C5E - #798BB7 | 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 #5E5C5E a #798BB7

#5E5C5E #798BB7

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

#5E5C5E - #798BB7 | 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 #5E5C5E como 0% y #798BB7 como 100%.

0.0%	0.0% #5E5C5E	RGB 94 92 94	#5E5C5E
16.7%	16.7% #62636C	RGB 98 99 108	#62636C
33.3%	33.3% #676B7B	RGB 103 107 123	#676B7B
50.0%	50.0% #6B738A	RGB 107 115 138	#6B738A
66.7%	66.7% #707B99	RGB 112 123 153	#707B99
83.3%	83.3% #7483A8	RGB 116 131 168	#7483A8
100.0%	100.0% #798BB7	RGB 121 139 183	#798BB7

#5E5C5E #62636C #676B7B #6B738A #707B99 #7483A8 #798BB7

#5E5C5E - #798BB7

Mezcla HSV

#5E5C5E - #798BB7 | 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 #5E5C5E como 0% y #798BB7 como 100%.

0.0%	0.0% #5E5C5E	RGB 94 92 94	#5E5C5E
16.7%	16.7% #6B646C	RGB 107 100 108	#6B646C
33.3%	33.3% #746B7B	RGB 116 107 123	#746B7B
50.0%	50.0% #7A718A	RGB 122 113 138	#7A718A
66.7%	66.7% #7A7599	RGB 122 117 153	#7A7599
83.3%	83.3% #787BA8	RGB 120 123 168	#787BA8
100.0%	100.0% #798BB7	RGB 121 139 183	#798BB7

#5E5C5E #6B646C #746B7B #7A718A #7A7599 #787BA8 #798BB7

#5E5C5E - #7A718A - #798BB7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C5E 0%, #7A718A 50%, #798BB7 100%);
    background: -webkit-linear-gradient(top, #5E5C5E 0%, #7A718A 50%, #798BB7 100%);
    background: linear-gradient(to bottom, #5E5C5E 0%, #7A718A 50%, #798BB7 100%);
}
</style>