#3A2E64 - #100D1C | 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 #3A2E64 a #100D1C

#3A2E64 #100D1C

Calcule el color entre dos colores, #3A2E64 y #100D1C. 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)

#3A2E64 - #100D1C | 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 #3A2E64 como 0% y #100D1C como 100%.

0.0%	0.0% #3A2E64	RGB 58 46 100	#3A2E64
16.7%	16.7% #332858	RGB 51 40 88	#332858
33.3%	33.3% #2C234C	RGB 44 35 76	#2C234C
50.0%	50.0% #251D40	RGB 37 29 64	#251D40
66.7%	66.7% #1E1834	RGB 30 24 52	#1E1834
83.3%	83.3% #171228	RGB 23 18 40	#171228
100.0%	100.0% #100D1C	RGB 16 13 28	#100D1C

#3A2E64 #332858 #2C234C #251D40 #1E1834 #171228 #100D1C

#3A2E64 - #100D1C

Mezcla HSV

#3A2E64 - #100D1C | 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 #3A2E64 como 0% y #100D1C como 100%.

0.0%	0.0% #3A2E64	RGB 58 46 100	#3A2E64
16.7%	16.7% #322858	RGB 50 40 88	#322858
33.3%	33.3% #2B234C	RGB 43 35 76	#2B234C
50.0%	50.0% #241D40	RGB 36 29 64	#241D40
66.7%	66.7% #1D1834	RGB 29 24 52	#1D1834
83.3%	83.3% #161228	RGB 22 18 40	#161228
100.0%	100.0% #100D1C	RGB 16 13 28	#100D1C

#3A2E64 #322858 #2B234C #241D40 #1D1834 #161228 #100D1C

#3A2E64 - #241D40 - #100D1C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A2E64 0%, #241D40 50%, #100D1C 100%);
    background: -webkit-linear-gradient(top, #3A2E64 0%, #241D40 50%, #100D1C 100%);
    background: linear-gradient(to bottom, #3A2E64 0%, #241D40 50%, #100D1C 100%);
}
</style>