#5E618F - #A879F3 | 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 #5E618F a #A879F3

#5E618F #A879F3

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

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

0.0%	0.0% #5E618F	RGB 94 97 143	#5E618F
16.7%	16.7% #6A659F	RGB 106 101 159	#6A659F
33.3%	33.3% #7669B0	RGB 118 105 176	#7669B0
50.0%	50.0% #836DC1	RGB 131 109 193	#836DC1
66.7%	66.7% #8F71D1	RGB 143 113 209	#8F71D1
83.3%	83.3% #9B75E2	RGB 155 117 226	#9B75E2
100.0%	100.0% #A879F3	RGB 168 121 243	#A879F3

#5E618F #6A659F #7669B0 #836DC1 #8F71D1 #9B75E2 #A879F3

#5E618F - #A879F3

Mezcla HSV

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

0.0%	0.0% #5E618F	RGB 94 97 143	#5E618F
16.7%	16.7% #65649F	RGB 101 100 159	#65649F
33.3%	33.3% #706AB0	RGB 112 106 176	#706AB0
50.0%	50.0% #7C6FC1	RGB 124 111 193	#7C6FC1
66.7%	66.7% #8973D1	RGB 137 115 209	#8973D1
83.3%	83.3% #9876E2	RGB 152 118 226	#9876E2
100.0%	100.0% #A879F3	RGB 168 121 243	#A879F3

#5E618F #65649F #706AB0 #7C6FC1 #8973D1 #9876E2 #A879F3

#5E618F - #7C6FC1 - #A879F3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E618F 0%, #7C6FC1 50%, #A879F3 100%);
    background: -webkit-linear-gradient(top, #5E618F 0%, #7C6FC1 50%, #A879F3 100%);
    background: linear-gradient(to bottom, #5E618F 0%, #7C6FC1 50%, #A879F3 100%);
}
</style>