#5E63A8 - #A6A8C2 | 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 #5E63A8 a #A6A8C2

#5E63A8 #A6A8C2

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

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

0.0%	0.0% #5E63A8	RGB 94 99 168	#5E63A8
16.7%	16.7% #6A6EAC	RGB 106 110 172	#6A6EAC
33.3%	33.3% #767AB0	RGB 118 122 176	#767AB0
50.0%	50.0% #8285B5	RGB 130 133 181	#8285B5
66.7%	66.7% #8E91B9	RGB 142 145 185	#8E91B9
83.3%	83.3% #9A9CBD	RGB 154 156 189	#9A9CBD
100.0%	100.0% #A6A8C2	RGB 166 168 194	#A6A8C2

#5E63A8 #6A6EAC #767AB0 #8285B5 #8E91B9 #9A9CBD #A6A8C2

#5E63A8 - #A6A8C2

Mezcla HSV

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

0.0%	0.0% #5E63A8	RGB 94 99 168	#5E63A8
16.7%	16.7% #686DAC	RGB 104 109 172	#686DAC
33.3%	33.3% #7478B0	RGB 116 120 176	#7478B0
50.0%	50.0% #8083B5	RGB 128 131 181	#8083B5
66.7%	66.7% #8C8FB9	RGB 140 143 185	#8C8FB9
83.3%	83.3% #989BBD	RGB 152 155 189	#989BBD
100.0%	100.0% #A6A8C2	RGB 166 168 194	#A6A8C2

#5E63A8 #686DAC #7478B0 #8083B5 #8C8FB9 #989BBD #A6A8C2

#5E63A8 - #8083B5 - #A6A8C2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E63A8 0%, #8083B5 50%, #A6A8C2 100%);
    background: -webkit-linear-gradient(top, #5E63A8 0%, #8083B5 50%, #A6A8C2 100%);
    background: linear-gradient(to bottom, #5E63A8 0%, #8083B5 50%, #A6A8C2 100%);
}
</style>