#7B8FA9 - #31445D | 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 #7B8FA9 a #31445D

#7B8FA9 #31445D

Calcule el color entre dos colores, #7B8FA9 y #31445D. 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)

#7B8FA9 - #31445D | 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 #7B8FA9 como 0% y #31445D como 100%.

0.0%	0.0% #7B8FA9	RGB 123 143 169	#7B8FA9
16.7%	16.7% #6E829C	RGB 110 130 156	#6E829C
33.3%	33.3% #62768F	RGB 98 118 143	#62768F
50.0%	50.0% #566983	RGB 86 105 131	#566983
66.7%	66.7% #495D76	RGB 73 93 118	#495D76
83.3%	83.3% #3D5069	RGB 61 80 105	#3D5069
100.0%	100.0% #31445D	RGB 49 68 93	#31445D

#7B8FA9 #6E829C #62768F #566983 #495D76 #3D5069 #31445D

#7B8FA9 - #31445D

Mezcla HSV

#7B8FA9 - #31445D | 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 #7B8FA9 como 0% y #31445D como 100%.

0.0%	0.0% #7B8FA9	RGB 123 143 169	#7B8FA9
16.7%	16.7% #6C819C	RGB 108 129 156	#6C819C
33.3%	33.3% #5E748F	RGB 94 116 143	#5E748F
50.0%	50.0% #526783	RGB 82 103 131	#526783
66.7%	66.7% #465B76	RGB 70 91 118	#465B76
83.3%	83.3% #3B4F69	RGB 59 79 105	#3B4F69
100.0%	100.0% #31445D	RGB 49 68 93	#31445D

#7B8FA9 #6C819C #5E748F #526783 #465B76 #3B4F69 #31445D

#7B8FA9 - #526783 - #31445D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B8FA9 0%, #526783 50%, #31445D 100%);
    background: -webkit-linear-gradient(top, #7B8FA9 0%, #526783 50%, #31445D 100%);
    background: linear-gradient(to bottom, #7B8FA9 0%, #526783 50%, #31445D 100%);
}
</style>