#859AA7 - #3C4C5E | 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 #859AA7 a #3C4C5E

#859AA7 #3C4C5E

Calcule el color entre dos colores, #859AA7 y #3C4C5E. 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)

#859AA7 - #3C4C5E | 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 #859AA7 como 0% y #3C4C5E como 100%.

0.0%	0.0% #859AA7	RGB 133 154 167	#859AA7
16.7%	16.7% #788D9A	RGB 120 141 154	#788D9A
33.3%	33.3% #6C808E	RGB 108 128 142	#6C808E
50.0%	50.0% #607382	RGB 96 115 130	#607382
66.7%	66.7% #546676	RGB 84 102 118	#546676
83.3%	83.3% #48596A	RGB 72 89 106	#48596A
100.0%	100.0% #3C4C5E	RGB 60 76 94	#3C4C5E

#859AA7 #788D9A #6C808E #607382 #546676 #48596A #3C4C5E

#859AA7 - #3C4C5E

Mezcla HSV

#859AA7 - #3C4C5E | 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 #859AA7 como 0% y #3C4C5E como 100%.

0.0%	0.0% #859AA7	RGB 133 154 167	#859AA7
16.7%	16.7% #778C9A	RGB 119 140 154	#778C9A
33.3%	33.3% #6A7E8E	RGB 106 126 142	#6A7E8E
50.0%	50.0% #5D7182	RGB 93 113 130	#5D7182
66.7%	66.7% #516476	RGB 81 100 118	#516476
83.3%	83.3% #46586A	RGB 70 88 106	#46586A
100.0%	100.0% #3C4C5E	RGB 60 76 94	#3C4C5E

#859AA7 #778C9A #6A7E8E #5D7182 #516476 #46586A #3C4C5E

#859AA7 - #5D7182 - #3C4C5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #859AA7 0%, #5D7182 50%, #3C4C5E 100%);
    background: -webkit-linear-gradient(top, #859AA7 0%, #5D7182 50%, #3C4C5E 100%);
    background: linear-gradient(to bottom, #859AA7 0%, #5D7182 50%, #3C4C5E 100%);
}
</style>