#7E5EAF - #1A0C5E | 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 #7E5EAF a #1A0C5E

#7E5EAF #1A0C5E

Calcule el color entre dos colores, #7E5EAF y #1A0C5E. 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)

#7E5EAF - #1A0C5E | 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 #7E5EAF como 0% y #1A0C5E como 100%.

0.0%	0.0% #7E5EAF	RGB 126 94 175	#7E5EAF
16.7%	16.7% #6D50A1	RGB 109 80 161	#6D50A1
33.3%	33.3% #5C4294	RGB 92 66 148	#5C4294
50.0%	50.0% #4C3586	RGB 76 53 134	#4C3586
66.7%	66.7% #3B2779	RGB 59 39 121	#3B2779
83.3%	83.3% #2A196B	RGB 42 25 107	#2A196B
100.0%	100.0% #1A0C5E	RGB 26 12 94	#1A0C5E

#7E5EAF #6D50A1 #5C4294 #4C3586 #3B2779 #2A196B #1A0C5E

#7E5EAF - #1A0C5E

Mezcla HSV

#7E5EAF - #1A0C5E | 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 #7E5EAF como 0% y #1A0C5E como 100%.

0.0%	0.0% #7D5EAF	RGB 125 94 175	#7D5EAF
16.7%	16.7% #6A4BA1	RGB 106 75 161	#6A4BA1
33.3%	33.3% #573B94	RGB 87 59 148	#573B94
50.0%	50.0% #462C86	RGB 70 44 134	#462C86
66.7%	66.7% #351F79	RGB 53 31 121	#351F79
83.3%	83.3% #27156B	RGB 39 21 107	#27156B
100.0%	100.0% #1A0C5E	RGB 26 12 94	#1A0C5E

#7D5EAF #6A4BA1 #573B94 #462C86 #351F79 #27156B #1A0C5E

#7E5EAF - #462C86 - #1A0C5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D5EAF 0%, #462C86 50%, #1A0C5E 100%);
    background: -webkit-linear-gradient(top, #7D5EAF 0%, #462C86 50%, #1A0C5E 100%);
    background: linear-gradient(to bottom, #7D5EAF 0%, #462C86 50%, #1A0C5E 100%);
}
</style>