#7E74B6 - #421C62 | 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 #7E74B6 a #421C62

#7E74B6 #421C62

Calcule el color entre dos colores, #7E74B6 y #421C62. 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)

#7E74B6 - #421C62 | 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 #7E74B6 como 0% y #421C62 como 100%.

0.0%	0.0% #7E74B6	RGB 126 116 182	#7E74B6
16.7%	16.7% #7465A8	RGB 116 101 168	#7465A8
33.3%	33.3% #6A569A	RGB 106 86 154	#6A569A
50.0%	50.0% #60488C	RGB 96 72 140	#60488C
66.7%	66.7% #56397E	RGB 86 57 126	#56397E
83.3%	83.3% #4C2A70	RGB 76 42 112	#4C2A70
100.0%	100.0% #421C62	RGB 66 28 98	#421C62

#7E74B6 #7465A8 #6A569A #60488C #56397E #4C2A70 #421C62

#7E74B6 - #421C62

Mezcla HSV

#7E74B6 - #421C62 | 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 #7E74B6 como 0% y #421C62 como 100%.

0.0%	0.0% #7E74B6	RGB 126 116 182	#7E74B6
16.7%	16.7% #7061A8	RGB 112 97 168	#7061A8
33.3%	33.3% #64509A	RGB 100 80 154	#64509A
50.0%	50.0% #5A408C	RGB 90 64 140	#5A408C
66.7%	66.7% #51327E	RGB 81 50 126	#51327E
83.3%	83.3% #492670	RGB 73 38 112	#492670
100.0%	100.0% #421C62	RGB 66 28 98	#421C62

#7E74B6 #7061A8 #64509A #5A408C #51327E #492670 #421C62

#7E74B6 - #5A408C - #421C62

Códigos CSS

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

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