#374672 - #878C9E | 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 #374672 a #878C9E

#374672 #878C9E

Calcule el color entre dos colores, #374672 y #878C9E. 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)

#374672 - #878C9E | 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 #374672 como 0% y #878C9E como 100%.

0.0%	0.0% #374672	RGB 55 70 114	#374672
16.7%	16.7% #445179	RGB 68 81 121	#445179
33.3%	33.3% #515D80	RGB 81 93 128	#515D80
50.0%	50.0% #5F6988	RGB 95 105 136	#5F6988
66.7%	66.7% #6C748F	RGB 108 116 143	#6C748F
83.3%	83.3% #798096	RGB 121 128 150	#798096
100.0%	100.0% #878C9E	RGB 135 140 158	#878C9E

#374672 #445179 #515D80 #5F6988 #6C748F #798096 #878C9E

#374672 - #878C9E

Mezcla HSV

#374672 - #878C9E | 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 #374672 como 0% y #878C9E como 100%.

0.0%	0.0% #374572	RGB 55 69 114	#374572
16.7%	16.7% #424F79	RGB 66 79 121	#424F79
33.3%	33.3% #4E5A80	RGB 78 90 128	#4E5A80
50.0%	50.0% #5A6588	RGB 90 101 136	#5A6588
66.7%	66.7% #68718F	RGB 104 113 143	#68718F
83.3%	83.3% #777E96	RGB 119 126 150	#777E96
100.0%	100.0% #878C9E	RGB 135 140 158	#878C9E

#374572 #424F79 #4E5A80 #5A6588 #68718F #777E96 #878C9E

#374672 - #5A6588 - #878C9E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #374572 0%, #5A6588 50%, #878C9E 100%);
    background: -webkit-linear-gradient(top, #374572 0%, #5A6588 50%, #878C9E 100%);
    background: linear-gradient(to bottom, #374572 0%, #5A6588 50%, #878C9E 100%);
}
</style>