#6B24B2 - #340082 | 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 #6B24B2 a #340082

#6B24B2 #340082

Calcule el color entre dos colores, #6B24B2 y #340082. 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)

#6B24B2 - #340082 | 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 #6B24B2 como 0% y #340082 como 100%.

0.0%	0.0% #6B24B2	RGB 107 36 178	#6B24B2
16.7%	16.7% #611EAA	RGB 97 30 170	#611EAA
33.3%	33.3% #5818A2	RGB 88 24 162	#5818A2
50.0%	50.0% #4F129A	RGB 79 18 154	#4F129A
66.7%	66.7% #460C92	RGB 70 12 146	#460C92
83.3%	83.3% #3D068A	RGB 61 6 138	#3D068A
100.0%	100.0% #340082	RGB 52 0 130	#340082

#6B24B2 #611EAA #5818A2 #4F129A #460C92 #3D068A #340082

#6B24B2 - #340082

Mezcla HSV

#6B24B2 - #340082 | 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 #6B24B2 como 0% y #340082 como 100%.

0.0%	0.0% #6B24B2	RGB 107 36 178	#6B24B2
16.7%	16.7% #601CAA	RGB 96 28 170	#601CAA
33.3%	33.3% #5715A2	RGB 87 21 162	#5715A2
50.0%	50.0% #4D0F9A	RGB 77 15 154	#4D0F9A
66.7%	66.7% #440992	RGB 68 9 146	#440992
83.3%	83.3% #3C048A	RGB 60 4 138	#3C048A
100.0%	100.0% #340082	RGB 52 0 130	#340082

#6B24B2 #601CAA #5715A2 #4D0F9A #440992 #3C048A #340082

#6B24B2 - #4D0F9A - #340082

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B24B2 0%, #4D0F9A 50%, #340082 100%);
    background: -webkit-linear-gradient(top, #6B24B2 0%, #4D0F9A 50%, #340082 100%);
    background: linear-gradient(to bottom, #6B24B2 0%, #4D0F9A 50%, #340082 100%);
}
</style>