#3E6BA3 - #1A2D4A | 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 #3E6BA3 a #1A2D4A

#3E6BA3 #1A2D4A

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

#3E6BA3 - #1A2D4A | 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 #3E6BA3 como 0% y #1A2D4A como 100%.

0.0%	0.0% #3E6BA3	RGB 62 107 163	#3E6BA3
16.7%	16.7% #386094	RGB 56 96 148	#386094
33.3%	33.3% #325685	RGB 50 86 133	#325685
50.0%	50.0% #2C4C76	RGB 44 76 118	#2C4C76
66.7%	66.7% #264167	RGB 38 65 103	#264167
83.3%	83.3% #203758	RGB 32 55 88	#203758
100.0%	100.0% #1A2D4A	RGB 26 45 74	#1A2D4A

#3E6BA3 #386094 #325685 #2C4C76 #264167 #203758 #1A2D4A

#3E6BA3 - #1A2D4A

Mezcla HSV

#3E6BA3 - #1A2D4A | 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 #3E6BA3 como 0% y #1A2D4A como 100%.

0.0%	0.0% #3E6BA3	RGB 62 107 163	#3E6BA3
16.7%	16.7% #376094	RGB 55 96 148	#376094
33.3%	33.3% #315585	RGB 49 85 133	#315585
50.0%	50.0% #2B4A76	RGB 43 74 118	#2B4A76
66.7%	66.7% #254067	RGB 37 64 103	#254067
83.3%	83.3% #1F3658	RGB 31 54 88	#1F3658
100.0%	100.0% #1A2D4A	RGB 26 45 74	#1A2D4A

#3E6BA3 #376094 #315585 #2B4A76 #254067 #1F3658 #1A2D4A

#3E6BA3 - #2B4A76 - #1A2D4A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E6BA3 0%, #2B4A76 50%, #1A2D4A 100%);
    background: -webkit-linear-gradient(top, #3E6BA3 0%, #2B4A76 50%, #1A2D4A 100%);
    background: linear-gradient(to bottom, #3E6BA3 0%, #2B4A76 50%, #1A2D4A 100%);
}
</style>