#01668B - #1E2A2D | 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 #01668B a #1E2A2D

#01668B #1E2A2D

Calcule el color entre dos colores, #01668B y #1E2A2D. 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)

#01668B - #1E2A2D | 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 #01668B como 0% y #1E2A2D como 100%.

0.0%	0.0% #01668B	RGB 1 102 139	#01668B
16.7%	16.7% #055C7B	RGB 5 92 123	#055C7B
33.3%	33.3% #0A526B	RGB 10 82 107	#0A526B
50.0%	50.0% #0F485C	RGB 15 72 92	#0F485C
66.7%	66.7% #143E4C	RGB 20 62 76	#143E4C
83.3%	83.3% #19343C	RGB 25 52 60	#19343C
100.0%	100.0% #1E2A2D	RGB 30 42 45	#1E2A2D

#01668B #055C7B #0A526B #0F485C #143E4C #19343C #1E2A2D

#01668B - #1E2A2D

Mezcla HSV

#01668B - #1E2A2D | 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 #01668B como 0% y #1E2A2D como 100%.

0.0%	0.0% #00668B	RGB 0 102 139	#00668B
16.7%	16.7% #0E5F7B	RGB 14 95 123	#0E5F7B
33.3%	33.3% #18576B	RGB 24 87 107	#18576B
50.0%	50.0% #1E4D5C	RGB 30 77 92	#1E4D5C
66.7%	66.7% #22424C	RGB 34 66 76	#22424C
83.3%	83.3% #21363C	RGB 33 54 60	#21363C
100.0%	100.0% #1E2A2D	RGB 30 42 45	#1E2A2D

#00668B #0E5F7B #18576B #1E4D5C #22424C #21363C #1E2A2D

#01668B - #1E4D5C - #1E2A2D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00668B 0%, #1E4D5C 50%, #1E2A2D 100%);
    background: -webkit-linear-gradient(top, #00668B 0%, #1E4D5C 50%, #1E2A2D 100%);
    background: linear-gradient(to bottom, #00668B 0%, #1E4D5C 50%, #1E2A2D 100%);
}
</style>