#7E48B4 - #231433 | 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 #7E48B4 a #231433

#7E48B4 #231433

Calcule el color entre dos colores, #7E48B4 y #231433. 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)

#7E48B4 - #231433 | 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 #7E48B4 como 0% y #231433 como 100%.

0.0%	0.0% #7E48B4	RGB 126 72 180	#7E48B4
16.7%	16.7% #6E3F9E	RGB 110 63 158	#6E3F9E
33.3%	33.3% #5F3689	RGB 95 54 137	#5F3689
50.0%	50.0% #502E73	RGB 80 46 115	#502E73
66.7%	66.7% #41255E	RGB 65 37 94	#41255E
83.3%	83.3% #321C48	RGB 50 28 72	#321C48
100.0%	100.0% #231433	RGB 35 20 51	#231433

#7E48B4 #6E3F9E #5F3689 #502E73 #41255E #321C48 #231433

#7E48B4 - #231433

Mezcla HSV

#7E48B4 - #231433 | 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 #7E48B4 como 0% y #231433 como 100%.

0.0%	0.0% #7E48B4	RGB 126 72 180	#7E48B4
16.7%	16.7% #6E3F9E	RGB 110 63 158	#6E3F9E
33.3%	33.3% #5F3689	RGB 95 54 137	#5F3689
50.0%	50.0% #502D73	RGB 80 45 115	#502D73
66.7%	66.7% #40255E	RGB 64 37 94	#40255E
83.3%	83.3% #311C48	RGB 49 28 72	#311C48
100.0%	100.0% #231433	RGB 35 20 51	#231433

#7E48B4 #6E3F9E #5F3689 #502D73 #40255E #311C48 #231433

#7E48B4 - #502D73 - #231433

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E48B4 0%, #502D73 50%, #231433 100%);
    background: -webkit-linear-gradient(top, #7E48B4 0%, #502D73 50%, #231433 100%);
    background: linear-gradient(to bottom, #7E48B4 0%, #502D73 50%, #231433 100%);
}
</style>