#007EA6 - #1A3B49 | 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 #007EA6 a #1A3B49

#007EA6 #1A3B49

Calcule el color entre dos colores, #007EA6 y #1A3B49. 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)

#007EA6 - #1A3B49 | 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 #007EA6 como 0% y #1A3B49 como 100%.

0.0%	0.0% #007EA6	RGB 0 126 166	#007EA6
16.7%	16.7% #047296	RGB 4 114 150	#047296
33.3%	33.3% #086787	RGB 8 103 135	#086787
50.0%	50.0% #0D5C77	RGB 13 92 119	#0D5C77
66.7%	66.7% #115168	RGB 17 81 104	#115168
83.3%	83.3% #154658	RGB 21 70 88	#154658
100.0%	100.0% #1A3B49	RGB 26 59 73	#1A3B49

#007EA6 #047296 #086787 #0D5C77 #115168 #154658 #1A3B49

#007EA6 - #1A3B49

Mezcla HSV

#007EA6 - #1A3B49 | 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 #007EA6 como 0% y #1A3B49 como 100%.

0.0%	0.0% #007DA6	RGB 0 125 166	#007DA6
16.7%	16.7% #087396	RGB 8 115 150	#087396
33.3%	33.3% #106887	RGB 16 104 135	#106887
50.0%	50.0% #155D77	RGB 21 93 119	#155D77
66.7%	66.7% #185168	RGB 24 81 104	#185168
83.3%	83.3% #1A4658	RGB 26 70 88	#1A4658
100.0%	100.0% #1A3B49	RGB 26 59 73	#1A3B49

#007DA6 #087396 #106887 #155D77 #185168 #1A4658 #1A3B49

#007EA6 - #155D77 - #1A3B49

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #007DA6 0%, #155D77 50%, #1A3B49 100%);
    background: -webkit-linear-gradient(top, #007DA6 0%, #155D77 50%, #1A3B49 100%);
    background: linear-gradient(to bottom, #007DA6 0%, #155D77 50%, #1A3B49 100%);
}
</style>