#5E5E7A - #AC85E8 | 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 #5E5E7A a #AC85E8

#5E5E7A #AC85E8

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

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

0.0%	0.0% #5E5E7A	RGB 94 94 122	#5E5E7A
16.7%	16.7% #6B648C	RGB 107 100 140	#6B648C
33.3%	33.3% #786B9E	RGB 120 107 158	#786B9E
50.0%	50.0% #8571B1	RGB 133 113 177	#8571B1
66.7%	66.7% #9278C3	RGB 146 120 195	#9278C3
83.3%	83.3% #9F7ED5	RGB 159 126 213	#9F7ED5
100.0%	100.0% #AC85E8	RGB 172 133 232	#AC85E8

#5E5E7A #6B648C #786B9E #8571B1 #9278C3 #9F7ED5 #AC85E8

#5E5E7A - #AC85E8

Mezcla HSV

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

0.0%	0.0% #5E5E7A	RGB 94 94 122	#5E5E7A
16.7%	16.7% #69678C	RGB 105 103 140	#69678C
33.3%	33.3% #756F9E	RGB 117 111 158	#756F9E
50.0%	50.0% #8276B1	RGB 130 118 177	#8276B1
66.7%	66.7% #8F7CC3	RGB 143 124 195	#8F7CC3
83.3%	83.3% #9D81D5	RGB 157 129 213	#9D81D5
100.0%	100.0% #AC85E8	RGB 172 133 232	#AC85E8

#5E5E7A #69678C #756F9E #8276B1 #8F7CC3 #9D81D5 #AC85E8

#5E5E7A - #8276B1 - #AC85E8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E7A 0%, #8276B1 50%, #AC85E8 100%);
    background: -webkit-linear-gradient(top, #5E5E7A 0%, #8276B1 50%, #AC85E8 100%);
    background: linear-gradient(to bottom, #5E5E7A 0%, #8276B1 50%, #AC85E8 100%);
}
</style>