#001C47 - #42879A | 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 #001C47 a #42879A

#001C47 #42879A

Calcule el color entre dos colores, #001C47 y #42879A. 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)

#001C47 - #42879A | 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 #001C47 como 0% y #42879A como 100%.

0.0%	0.0% #001C47	RGB 0 28 71	#001C47
16.7%	16.7% #0B2D54	RGB 11 45 84	#0B2D54
33.3%	33.3% #163F62	RGB 22 63 98	#163F62
50.0%	50.0% #215170	RGB 33 81 112	#215170
66.7%	66.7% #2C637E	RGB 44 99 126	#2C637E
83.3%	83.3% #37758C	RGB 55 117 140	#37758C
100.0%	100.0% #42879A	RGB 66 135 154	#42879A

#001C47 #0B2D54 #163F62 #215170 #2C637E #37758C #42879A

#001C47 - #42879A

Mezcla HSV

#001C47 - #42879A | 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 #001C47 como 0% y #42879A como 100%.

0.0%	0.0% #001B47	RGB 0 27 71	#001B47
16.7%	16.7% #062A54	RGB 6 42 84	#062A54
33.3%	33.3% #0E3A62	RGB 14 58 98	#0E3A62
50.0%	50.0% #184C70	RGB 24 76 112	#184C70
66.7%	66.7% #245F7E	RGB 36 95 126	#245F7E
83.3%	83.3% #32728C	RGB 50 114 140	#32728C
100.0%	100.0% #42879A	RGB 66 135 154	#42879A

#001B47 #062A54 #0E3A62 #184C70 #245F7E #32728C #42879A

#001C47 - #184C70 - #42879A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #001B47 0%, #184C70 50%, #42879A 100%);
    background: -webkit-linear-gradient(top, #001B47 0%, #184C70 50%, #42879A 100%);
    background: linear-gradient(to bottom, #001B47 0%, #184C70 50%, #42879A 100%);
}
</style>