#080224 - #412D5E | 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 #080224 a #412D5E

#080224 #412D5E

Calcule el color entre dos colores, #080224 y #412D5E. 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)

#080224 - #412D5E | 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 #080224 como 0% y #412D5E como 100%.

0.0%	0.0% #080224	RGB 8 2 36	#080224
16.7%	16.7% #11092D	RGB 17 9 45	#11092D
33.3%	33.3% #1B1037	RGB 27 16 55	#1B1037
50.0%	50.0% #241741	RGB 36 23 65	#241741
66.7%	66.7% #2E1E4A	RGB 46 30 74	#2E1E4A
83.3%	83.3% #372554	RGB 55 37 84	#372554
100.0%	100.0% #412D5E	RGB 65 45 94	#412D5E

#080224 #11092D #1B1037 #241741 #2E1E4A #372554 #412D5E

#080224 - #412D5E

Mezcla HSV

#080224 - #412D5E | 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 #080224 como 0% y #412D5E como 100%.

0.0%	0.0% #070224	RGB 7 2 36	#070224
16.7%	16.7% #0E052D	RGB 14 5 45	#0E052D
33.3%	33.3% #160A37	RGB 22 10 55	#160A37
50.0%	50.0% #1F1141	RGB 31 17 65	#1F1141
66.7%	66.7% #29194A	RGB 41 25 74	#29194A
83.3%	83.3% #342254	RGB 52 34 84	#342254
100.0%	100.0% #412D5E	RGB 65 45 94	#412D5E

#070224 #0E052D #160A37 #1F1141 #29194A #342254 #412D5E

#080224 - #1F1141 - #412D5E

Códigos CSS

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

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