#4D6A8F - #083C5E | 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 #4D6A8F a #083C5E

#4D6A8F #083C5E

Calcule el color entre dos colores, #4D6A8F y #083C5E. 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)

#4D6A8F - #083C5E | 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 #4D6A8F como 0% y #083C5E como 100%.

0.0%	0.0% #4D6A8F	RGB 77 106 143	#4D6A8F
16.7%	16.7% #416286	RGB 65 98 134	#416286
33.3%	33.3% #365A7E	RGB 54 90 126	#365A7E
50.0%	50.0% #2A5376	RGB 42 83 118	#2A5376
66.7%	66.7% #1F4B6E	RGB 31 75 110	#1F4B6E
83.3%	83.3% #134366	RGB 19 67 102	#134366
100.0%	100.0% #083C5E	RGB 8 60 94	#083C5E

#4D6A8F #416286 #365A7E #2A5376 #1F4B6E #134366 #083C5E

#4D6A8F - #083C5E

Mezcla HSV

#4D6A8F - #083C5E | 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 #4D6A8F como 0% y #083C5E como 100%.

0.0%	0.0% #4D6A8F	RGB 77 106 143	#4D6A8F
16.7%	16.7% #3E6086	RGB 62 96 134	#3E6086
33.3%	33.3% #31577E	RGB 49 87 126	#31577E
50.0%	50.0% #244F76	RGB 36 79 118	#244F76
66.7%	66.7% #1A486E	RGB 26 72 110	#1A486E
83.3%	83.3% #104166	RGB 16 65 102	#104166
100.0%	100.0% #083C5E	RGB 8 60 94	#083C5E

#4D6A8F #3E6086 #31577E #244F76 #1A486E #104166 #083C5E

#4D6A8F - #244F76 - #083C5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D6A8F 0%, #244F76 50%, #083C5E 100%);
    background: -webkit-linear-gradient(top, #4D6A8F 0%, #244F76 50%, #083C5E 100%);
    background: linear-gradient(to bottom, #4D6A8F 0%, #244F76 50%, #083C5E 100%);
}
</style>