#3A1E5E - #84849D | 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 #3A1E5E a #84849D

#3A1E5E #84849D

Calcule el color entre dos colores, #3A1E5E y #84849D. 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)

#3A1E5E - #84849D | 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 #3A1E5E como 0% y #84849D como 100%.

0.0%	0.0% #3A1E5E	RGB 58 30 94	#3A1E5E
16.7%	16.7% #462F68	RGB 70 47 104	#462F68
33.3%	33.3% #524073	RGB 82 64 115	#524073
50.0%	50.0% #5F517D	RGB 95 81 125	#5F517D
66.7%	66.7% #6B6288	RGB 107 98 136	#6B6288
83.3%	83.3% #777392	RGB 119 115 146	#777392
100.0%	100.0% #84849D	RGB 132 132 157	#84849D

#3A1E5E #462F68 #524073 #5F517D #6B6288 #777392 #84849D

#3A1E5E - #84849D

Mezcla HSV

#3A1E5E - #84849D | 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 #3A1E5E como 0% y #84849D como 100%.

0.0%	0.0% #391E5E	RGB 57 30 94	#391E5E
16.7%	16.7% #412A68	RGB 65 42 104	#412A68
33.3%	33.3% #493873	RGB 73 56 115	#493873
50.0%	50.0% #54487D	RGB 84 72 125	#54487D
66.7%	66.7% #615A88	RGB 97 90 136	#615A88
83.3%	83.3% #716E92	RGB 113 110 146	#716E92
100.0%	100.0% #84849D	RGB 132 132 157	#84849D

#391E5E #412A68 #493873 #54487D #615A88 #716E92 #84849D

#3A1E5E - #54487D - #84849D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391E5E 0%, #54487D 50%, #84849D 100%);
    background: -webkit-linear-gradient(top, #391E5E 0%, #54487D 50%, #84849D 100%);
    background: linear-gradient(to bottom, #391E5E 0%, #54487D 50%, #84849D 100%);
}
</style>