#5E5E8D - #AD82EF | 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 #5E5E8D a #AD82EF

#5E5E8D #AD82EF

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

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

0.0%	0.0% #5E5E8D	RGB 94 94 141	#5E5E8D
16.7%	16.7% #6B649D	RGB 107 100 157	#6B649D
33.3%	33.3% #786AAD	RGB 120 106 173	#786AAD
50.0%	50.0% #8570BE	RGB 133 112 190	#8570BE
66.7%	66.7% #9276CE	RGB 146 118 206	#9276CE
83.3%	83.3% #9F7CDE	RGB 159 124 222	#9F7CDE
100.0%	100.0% #AD82EF	RGB 173 130 239	#AD82EF

#5E5E8D #6B649D #786AAD #8570BE #9276CE #9F7CDE #AD82EF

#5E5E8D - #AD82EF

Mezcla HSV

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

0.0%	0.0% #5E5E8D	RGB 94 94 141	#5E5E8D
16.7%	16.7% #69659D	RGB 105 101 157	#69659D
33.3%	33.3% #756CAD	RGB 117 108 173	#756CAD
50.0%	50.0% #8173BE	RGB 129 115 190	#8173BE
66.7%	66.7% #8F78CE	RGB 143 120 206	#8F78CE
83.3%	83.3% #9D7DDE	RGB 157 125 222	#9D7DDE
100.0%	100.0% #AD82EF	RGB 173 130 239	#AD82EF

#5E5E8D #69659D #756CAD #8173BE #8F78CE #9D7DDE #AD82EF

#5E5E8D - #8173BE - #AD82EF

Códigos CSS

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

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