#1D4A8D - #003B5E | 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 #1D4A8D a #003B5E

#1D4A8D #003B5E

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

#1D4A8D - #003B5E | 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 #1D4A8D como 0% y #003B5E como 100%.

0.0%	0.0% #1D4A8D	RGB 29 74 141	#1D4A8D
16.7%	16.7% #184785	RGB 24 71 133	#184785
33.3%	33.3% #13457D	RGB 19 69 125	#13457D
50.0%	50.0% #0E4275	RGB 14 66 117	#0E4275
66.7%	66.7% #09406D	RGB 9 64 109	#09406D
83.3%	83.3% #043D65	RGB 4 61 101	#043D65
100.0%	100.0% #003B5E	RGB 0 59 94	#003B5E

#1D4A8D #184785 #13457D #0E4275 #09406D #043D65 #003B5E

#1D4A8D - #003B5E

Mezcla HSV

#1D4A8D - #003B5E | 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 #1D4A8D como 0% y #003B5E como 100%.

0.0%	0.0% #1D4A8D	RGB 29 74 141	#1D4A8D
16.7%	16.7% #164785	RGB 22 71 133	#164785
33.3%	33.3% #11447D	RGB 17 68 125	#11447D
50.0%	50.0% #0C4275	RGB 12 66 117	#0C4275
66.7%	66.7% #073F6D	RGB 7 63 109	#073F6D
83.3%	83.3% #033D65	RGB 3 61 101	#033D65
100.0%	100.0% #003B5E	RGB 0 59 94	#003B5E

#1D4A8D #164785 #11447D #0C4275 #073F6D #033D65 #003B5E

#1D4A8D - #0C4275 - #003B5E

Códigos CSS

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

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