#4C4F78 - #9C929B | 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 #4C4F78 a #9C929B

#4C4F78 #9C929B

Calcule el color entre dos colores, #4C4F78 y #9C929B. 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)

#4C4F78 - #9C929B | 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 #4C4F78 como 0% y #9C929B como 100%.

0.0%	0.0% #4C4F78	RGB 76 79 120	#4C4F78
16.7%	16.7% #595A7D	RGB 89 90 125	#595A7D
33.3%	33.3% #666583	RGB 102 101 131	#666583
50.0%	50.0% #747089	RGB 116 112 137	#747089
66.7%	66.7% #817B8F	RGB 129 123 143	#817B8F
83.3%	83.3% #8E8695	RGB 142 134 149	#8E8695
100.0%	100.0% #9C929B	RGB 156 146 155	#9C929B

#4C4F78 #595A7D #666583 #747089 #817B8F #8E8695 #9C929B

#4C4F78 - #9C929B

Mezcla HSV

#4C4F78 - #9C929B | 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 #4C4F78 como 0% y #9C929B como 100%.

0.0%	0.0% #4C4E78	RGB 76 78 120	#4C4E78
16.7%	16.7% #5B567E	RGB 91 86 126	#5B567E
33.3%	33.3% #6C6084	RGB 108 96 132	#6C6084
50.0%	50.0% #7B6C8A	RGB 123 108 138	#7B6C8A
66.7%	66.7% #897890	RGB 137 120 144	#897890
83.3%	83.3% #948496	RGB 148 132 150	#948496
100.0%	100.0% #9C929B	RGB 156 146 155	#9C929B

#4C4E78 #5B567E #6C6084 #7B6C8A #897890 #948496 #9C929B

#4C4F78 - #7B6C8A - #9C929B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C4E78 0%, #7B6C8A 50%, #9C929B 100%);
    background: -webkit-linear-gradient(top, #4C4E78 0%, #7B6C8A 50%, #9C929B 100%);
    background: linear-gradient(to bottom, #4C4E78 0%, #7B6C8A 50%, #9C929B 100%);
}
</style>