#5E7A8D - #8298EF | 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 #5E7A8D a #8298EF

#5E7A8D #8298EF

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

#5E7A8D - #8298EF | 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 #5E7A8D como 0% y #8298EF como 100%.

0.0%	0.0% #5E7A8D	RGB 94 122 141	#5E7A8D
16.7%	16.7% #647F9D	RGB 100 127 157	#647F9D
33.3%	33.3% #6A84AD	RGB 106 132 173	#6A84AD
50.0%	50.0% #7089BE	RGB 112 137 190	#7089BE
66.7%	66.7% #768ECE	RGB 118 142 206	#768ECE
83.3%	83.3% #7C93DE	RGB 124 147 222	#7C93DE
100.0%	100.0% #8298EF	RGB 130 152 239	#8298EF

#5E7A8D #647F9D #6A84AD #7089BE #768ECE #7C93DE #8298EF

#5E7A8D - #8298EF

Mezcla HSV

#5E7A8D - #8298EF | 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 #5E7A8D como 0% y #8298EF como 100%.

0.0%	0.0% #5E7A8D	RGB 94 122 141	#5E7A8D
16.7%	16.7% #65839D	RGB 101 131 157	#65839D
33.3%	33.3% #6C8AAD	RGB 108 138 173	#6C8AAD
50.0%	50.0% #7390BE	RGB 115 144 190	#7390BE
66.7%	66.7% #7895CE	RGB 120 149 206	#7895CE
83.3%	83.3% #7D97DE	RGB 125 151 222	#7D97DE
100.0%	100.0% #8298EF	RGB 130 152 239	#8298EF

#5E7A8D #65839D #6C8AAD #7390BE #7895CE #7D97DE #8298EF

#5E7A8D - #7390BE - #8298EF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7A8D 0%, #7390BE 50%, #8298EF 100%);
    background: -webkit-linear-gradient(top, #5E7A8D 0%, #7390BE 50%, #8298EF 100%);
    background: linear-gradient(to bottom, #5E7A8D 0%, #7390BE 50%, #8298EF 100%);
}
</style>