#09124E - #5E6C92 | 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 #09124E a #5E6C92

#09124E #5E6C92

Calcule el color entre dos colores, #09124E y #5E6C92. 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)

#09124E - #5E6C92 | 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 #09124E como 0% y #5E6C92 como 100%.

0.0%	0.0% #09124E	RGB 9 18 78	#09124E
16.7%	16.7% #172159	RGB 23 33 89	#172159
33.3%	33.3% #253064	RGB 37 48 100	#253064
50.0%	50.0% #333F70	RGB 51 63 112	#333F70
66.7%	66.7% #414E7B	RGB 65 78 123	#414E7B
83.3%	83.3% #4F5D86	RGB 79 93 134	#4F5D86
100.0%	100.0% #5E6C92	RGB 94 108 146	#5E6C92

#09124E #172159 #253064 #333F70 #414E7B #4F5D86 #5E6C92

#09124E - #5E6C92

Mezcla HSV

#09124E - #5E6C92 | 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 #09124E como 0% y #5E6C92 como 100%.

0.0%	0.0% #09114E	RGB 9 17 78	#09114E
16.7%	16.7% #121D59	RGB 18 29 89	#121D59
33.3%	33.3% #1D2964	RGB 29 41 100	#1D2964
50.0%	50.0% #2A3870	RGB 42 56 112	#2A3870
66.7%	66.7% #39487B	RGB 57 72 123	#39487B
83.3%	83.3% #4A5986	RGB 74 89 134	#4A5986
100.0%	100.0% #5E6C92	RGB 94 108 146	#5E6C92

#09114E #121D59 #1D2964 #2A3870 #39487B #4A5986 #5E6C92

#09124E - #2A3870 - #5E6C92

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #09114E 0%, #2A3870 50%, #5E6C92 100%);
    background: -webkit-linear-gradient(top, #09114E 0%, #2A3870 50%, #5E6C92 100%);
    background: linear-gradient(to bottom, #09114E 0%, #2A3870 50%, #5E6C92 100%);
}
</style>