#5E5E6F - #AD87E3 | 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 #5E5E6F a #AD87E3

#5E5E6F #AD87E3

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

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

0.0%	0.0% #5E5E6F	RGB 94 94 111	#5E5E6F
16.7%	16.7% #6B6482	RGB 107 100 130	#6B6482
33.3%	33.3% #786B95	RGB 120 107 149	#786B95
50.0%	50.0% #8572A9	RGB 133 114 169	#8572A9
66.7%	66.7% #9279BC	RGB 146 121 188	#9279BC
83.3%	83.3% #9F80CF	RGB 159 128 207	#9F80CF
100.0%	100.0% #AD87E3	RGB 173 135 227	#AD87E3

#5E5E6F #6B6482 #786B95 #8572A9 #9279BC #9F80CF #AD87E3

#5E5E6F - #AD87E3

Mezcla HSV

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

0.0%	0.0% #5E5E6F	RGB 94 94 111	#5E5E6F
16.7%	16.7% #6A6882	RGB 106 104 130	#6A6882
33.3%	33.3% #777295	RGB 119 114 149	#777295
50.0%	50.0% #8379A9	RGB 131 121 169	#8379A9
66.7%	66.7% #907FBC	RGB 144 127 188	#907FBC
83.3%	83.3% #9E84CF	RGB 158 132 207	#9E84CF
100.0%	100.0% #AD87E3	RGB 173 135 227	#AD87E3

#5E5E6F #6A6882 #777295 #8379A9 #907FBC #9E84CF #AD87E3

#5E5E6F - #8379A9 - #AD87E3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E6F 0%, #8379A9 50%, #AD87E3 100%);
    background: -webkit-linear-gradient(top, #5E5E6F 0%, #8379A9 50%, #AD87E3 100%);
    background: linear-gradient(to bottom, #5E5E6F 0%, #8379A9 50%, #AD87E3 100%);
}
</style>