#7E6B8C - #461E6B | 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 #7E6B8C a #461E6B

#7E6B8C #461E6B

Calcule el color entre dos colores, #7E6B8C y #461E6B. 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)

#7E6B8C - #461E6B | 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 #7E6B8C como 0% y #461E6B como 100%.

0.0%	0.0% #7E6B8C	RGB 126 107 140	#7E6B8C
16.7%	16.7% #745E86	RGB 116 94 134	#745E86
33.3%	33.3% #6B5181	RGB 107 81 129	#6B5181
50.0%	50.0% #62447B	RGB 98 68 123	#62447B
66.7%	66.7% #583776	RGB 88 55 118	#583776
83.3%	83.3% #4F2A70	RGB 79 42 112	#4F2A70
100.0%	100.0% #461E6B	RGB 70 30 107	#461E6B

#7E6B8C #745E86 #6B5181 #62447B #583776 #4F2A70 #461E6B

#7E6B8C - #461E6B

Mezcla HSV

#7E6B8C - #461E6B | 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 #7E6B8C como 0% y #461E6B como 100%.

0.0%	0.0% #7E6B8C	RGB 126 107 140	#7E6B8C
16.7%	16.7% #745B86	RGB 116 91 134	#745B86
33.3%	33.3% #6A4D81	RGB 106 77 129	#6A4D81
50.0%	50.0% #60407B	RGB 96 64 123	#60407B
66.7%	66.7% #573476	RGB 87 52 118	#573476
83.3%	83.3% #4E2870	RGB 78 40 112	#4E2870
100.0%	100.0% #461E6B	RGB 70 30 107	#461E6B

#7E6B8C #745B86 #6A4D81 #60407B #573476 #4E2870 #461E6B

#7E6B8C - #60407B - #461E6B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E6B8C 0%, #60407B 50%, #461E6B 100%);
    background: -webkit-linear-gradient(top, #7E6B8C 0%, #60407B 50%, #461E6B 100%);
    background: linear-gradient(to bottom, #7E6B8C 0%, #60407B 50%, #461E6B 100%);
}
</style>