#5E5C7E - #AC82E9 | 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 #5E5C7E a #AC82E9

#5E5C7E #AC82E9

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

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

0.0%	0.0% #5E5C7E	RGB 94 92 126	#5E5C7E
16.7%	16.7% #6B628F	RGB 107 98 143	#6B628F
33.3%	33.3% #7868A1	RGB 120 104 161	#7868A1
50.0%	50.0% #856FB3	RGB 133 111 179	#856FB3
66.7%	66.7% #9275C5	RGB 146 117 197	#9275C5
83.3%	83.3% #9F7BD7	RGB 159 123 215	#9F7BD7
100.0%	100.0% #AC82E9	RGB 172 130 233	#AC82E9

#5E5C7E #6B628F #7868A1 #856FB3 #9275C5 #9F7BD7 #AC82E9

#5E5C7E - #AC82E9

Mezcla HSV

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

0.0%	0.0% #5E5C7E	RGB 94 92 126	#5E5C7E
16.7%	16.7% #69648F	RGB 105 100 143	#69648F
33.3%	33.3% #766CA1	RGB 118 108 161	#766CA1
50.0%	50.0% #8273B3	RGB 130 115 179	#8273B3
66.7%	66.7% #8F79C5	RGB 143 121 197	#8F79C5
83.3%	83.3% #9D7ED7	RGB 157 126 215	#9D7ED7
100.0%	100.0% #AC82E9	RGB 172 130 233	#AC82E9

#5E5C7E #69648F #766CA1 #8273B3 #8F79C5 #9D7ED7 #AC82E9

#5E5C7E - #8273B3 - #AC82E9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C7E 0%, #8273B3 50%, #AC82E9 100%);
    background: -webkit-linear-gradient(top, #5E5C7E 0%, #8273B3 50%, #AC82E9 100%);
    background: linear-gradient(to bottom, #5E5C7E 0%, #8273B3 50%, #AC82E9 100%);
}
</style>