#5E5E6F - #B287E3 | 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 #B287E3

#5E5E6F #B287E3

Calcule el color entre dos colores, #5E5E6F y #B287E3. 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 - #B287E3 | 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 #B287E3 como 100%.

0.0%	0.0% #5E5E6F	RGB 94 94 111	#5E5E6F
16.7%	16.7% #6C6482	RGB 108 100 130	#6C6482
33.3%	33.3% #7A6B95	RGB 122 107 149	#7A6B95
50.0%	50.0% #8872A9	RGB 136 114 169	#8872A9
66.7%	66.7% #9679BC	RGB 150 121 188	#9679BC
83.3%	83.3% #A480CF	RGB 164 128 207	#A480CF
100.0%	100.0% #B287E3	RGB 178 135 227	#B287E3

#5E5E6F #6C6482 #7A6B95 #8872A9 #9679BC #A480CF #B287E3

#5E5E6F - #B287E3

Mezcla HSV

#5E5E6F - #B287E3 | 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 #B287E3 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% #8479A9	RGB 132 121 169	#8479A9
66.7%	66.7% #927FBC	RGB 146 127 188	#927FBC
83.3%	83.3% #A184CF	RGB 161 132 207	#A184CF
100.0%	100.0% #B287E3	RGB 178 135 227	#B287E3

#5E5E6F #6A6882 #777295 #8479A9 #927FBC #A184CF #B287E3

#5E5E6F - #8479A9 - #B287E3

Códigos CSS

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

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