#5E6C8D - #8C82EF | 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 #5E6C8D a #8C82EF

#5E6C8D #8C82EF

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

#5E6C8D - #8C82EF | 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 #5E6C8D como 0% y #8C82EF como 100%.

0.0%	0.0% #5E6C8D	RGB 94 108 141	#5E6C8D
16.7%	16.7% #656F9D	RGB 101 111 157	#656F9D
33.3%	33.3% #6D73AD	RGB 109 115 173	#6D73AD
50.0%	50.0% #7577BE	RGB 117 119 190	#7577BE
66.7%	66.7% #7C7ACE	RGB 124 122 206	#7C7ACE
83.3%	83.3% #847EDE	RGB 132 126 222	#847EDE
100.0%	100.0% #8C82EF	RGB 140 130 239	#8C82EF

#5E6C8D #656F9D #6D73AD #7577BE #7C7ACE #847EDE #8C82EF

#5E6C8D - #8C82EF

Mezcla HSV

#5E6C8D - #8C82EF | 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 #5E6C8D como 0% y #8C82EF como 100%.

0.0%	0.0% #5E6C8D	RGB 94 108 141	#5E6C8D
16.7%	16.7% #65729D	RGB 101 114 157	#65729D
33.3%	33.3% #6C77AD	RGB 108 119 173	#6C77AD
50.0%	50.0% #737ABE	RGB 115 122 190	#737ABE
66.7%	66.7% #787BCE	RGB 120 123 206	#787BCE
83.3%	83.3% #807DDE	RGB 128 125 222	#807DDE
100.0%	100.0% #8C82EF	RGB 140 130 239	#8C82EF

#5E6C8D #65729D #6C77AD #737ABE #787BCE #807DDE #8C82EF

#5E6C8D - #737ABE - #8C82EF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6C8D 0%, #737ABE 50%, #8C82EF 100%);
    background: -webkit-linear-gradient(top, #5E6C8D 0%, #737ABE 50%, #8C82EF 100%);
    background: linear-gradient(to bottom, #5E6C8D 0%, #737ABE 50%, #8C82EF 100%);
}
</style>