#121F6B - #05081E | 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 #121F6B a #05081E

#121F6B #05081E

Calcule el color entre dos colores, #121F6B y #05081E. 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)

#121F6B - #05081E | 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 #121F6B como 0% y #05081E como 100%.

0.0%	0.0% #121F6B	RGB 18 31 107	#121F6B
16.7%	16.7% #0F1B5E	RGB 15 27 94	#0F1B5E
33.3%	33.3% #0D1751	RGB 13 23 81	#0D1751
50.0%	50.0% #0B1344	RGB 11 19 68	#0B1344
66.7%	66.7% #090F37	RGB 9 15 55	#090F37
83.3%	83.3% #070B2A	RGB 7 11 42	#070B2A
100.0%	100.0% #05081E	RGB 5 8 30	#05081E

#121F6B #0F1B5E #0D1751 #0B1344 #090F37 #070B2A #05081E

#121F6B - #05081E

Mezcla HSV

#121F6B - #05081E | 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 #121F6B como 0% y #05081E como 100%.

0.0%	0.0% #111E6B	RGB 17 30 107	#111E6B
16.7%	16.7% #0F1A5E	RGB 15 26 94	#0F1A5E
33.3%	33.3% #0D1651	RGB 13 22 81	#0D1651
50.0%	50.0% #0B1344	RGB 11 19 68	#0B1344
66.7%	66.7% #090F37	RGB 9 15 55	#090F37
83.3%	83.3% #070B2A	RGB 7 11 42	#070B2A
100.0%	100.0% #05081E	RGB 5 8 30	#05081E

#111E6B #0F1A5E #0D1651 #0B1344 #090F37 #070B2A #05081E

#121F6B - #0B1344 - #05081E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #111E6B 0%, #0B1344 50%, #05081E 100%);
    background: -webkit-linear-gradient(top, #111E6B 0%, #0B1344 50%, #05081E 100%);
    background: linear-gradient(to bottom, #111E6B 0%, #0B1344 50%, #05081E 100%);
}
</style>