#1B1750 - #1C0007 | 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 #1B1750 a #1C0007

#1B1750 #1C0007

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

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

0.0%	0.0% #1B1750	RGB 27 23 80	#1B1750
16.7%	16.7% #1B1343	RGB 27 19 67	#1B1343
33.3%	33.3% #1B0F37	RGB 27 15 55	#1B0F37
50.0%	50.0% #1B0B2B	RGB 27 11 43	#1B0B2B
66.7%	66.7% #1B071F	RGB 27 7 31	#1B071F
83.3%	83.3% #1B0313	RGB 27 3 19	#1B0313
100.0%	100.0% #1C0007	RGB 28 0 7	#1C0007

#1B1750 #1B1343 #1B0F37 #1B0B2B #1B071F #1B0313 #1C0007

#1B1750 - #1C0007

Mezcla HSV

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

0.0%	0.0% #1A1750	RGB 26 23 80	#1A1750
16.7%	16.7% #241147	RGB 36 17 71	#241147
33.3%	33.3% #2B0C3E	RGB 43 12 62	#2B0C3E
50.0%	50.0% #310736	RGB 49 7 54	#310736
66.7%	66.7% #2D0425	RGB 45 4 37	#2D0425
83.3%	83.3% #240114	RGB 36 1 20	#240114
100.0%	100.0% #1C0007	RGB 28 0 7	#1C0007

#1A1750 #241147 #2B0C3E #310736 #2D0425 #240114 #1C0007

#1B1750 - #310736 - #1C0007

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A1750 0%, #310736 50%, #1C0007 100%);
    background: -webkit-linear-gradient(top, #1A1750 0%, #310736 50%, #1C0007 100%);
    background: linear-gradient(to bottom, #1A1750 0%, #310736 50%, #1C0007 100%);
}
</style>