#4F6985 - #1E2B35 | 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 #4F6985 a #1E2B35

#4F6985 #1E2B35

Calcule el color entre dos colores, #4F6985 y #1E2B35. 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)

#4F6985 - #1E2B35 | 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 #4F6985 como 0% y #1E2B35 como 100%.

0.0%	0.0% #4F6985	RGB 79 105 133	#4F6985
16.7%	16.7% #465E77	RGB 70 94 119	#465E77
33.3%	33.3% #3E546A	RGB 62 84 106	#3E546A
50.0%	50.0% #364A5D	RGB 54 74 93	#364A5D
66.7%	66.7% #2E3F4F	RGB 46 63 79	#2E3F4F
83.3%	83.3% #263542	RGB 38 53 66	#263542
100.0%	100.0% #1E2B35	RGB 30 43 53	#1E2B35

#4F6985 #465E77 #3E546A #364A5D #2E3F4F #263542 #1E2B35

#4F6985 - #1E2B35

Mezcla HSV

#4F6985 - #1E2B35 | 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 #4F6985 como 0% y #1E2B35 como 100%.

0.0%	0.0% #4F6985	RGB 79 105 133	#4F6985
16.7%	16.7% #465E77	RGB 70 94 119	#465E77
33.3%	33.3% #3E546A	RGB 62 84 106	#3E546A
50.0%	50.0% #354A5D	RGB 53 74 93	#354A5D
66.7%	66.7% #2D404F	RGB 45 64 79	#2D404F
83.3%	83.3% #253542	RGB 37 53 66	#253542
100.0%	100.0% #1E2B35	RGB 30 43 53	#1E2B35

#4F6985 #465E77 #3E546A #354A5D #2D404F #253542 #1E2B35

#4F6985 - #354A5D - #1E2B35

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F6985 0%, #354A5D 50%, #1E2B35 100%);
    background: -webkit-linear-gradient(top, #4F6985 0%, #354A5D 50%, #1E2B35 100%);
    background: linear-gradient(to bottom, #4F6985 0%, #354A5D 50%, #1E2B35 100%);
}
</style>