#605E6A - #849ACB | 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 #605E6A a #849ACB

#605E6A #849ACB

Calcule el color entre dos colores, #605E6A y #849ACB. 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)

#605E6A - #849ACB | 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 #605E6A como 0% y #849ACB como 100%.

0.0%	0.0% #605E6A	RGB 96 94 106	#605E6A
16.7%	16.7% #66687A	RGB 102 104 122	#66687A
33.3%	33.3% #6C728A	RGB 108 114 138	#6C728A
50.0%	50.0% #727C9A	RGB 114 124 154	#727C9A
66.7%	66.7% #7886AA	RGB 120 134 170	#7886AA
83.3%	83.3% #7E90BA	RGB 126 144 186	#7E90BA
100.0%	100.0% #849ACB	RGB 132 154 203	#849ACB

#605E6A #66687A #6C728A #727C9A #7886AA #7E90BA #849ACB

#605E6A - #849ACB

Mezcla HSV

#605E6A - #849ACB | 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 #605E6A como 0% y #849ACB como 100%.

0.0%	0.0% #605E6A	RGB 96 94 106	#605E6A
16.7%	16.7% #69677A	RGB 105 103 122	#69677A
33.3%	33.3% #6F6F8A	RGB 111 111 138	#6F6F8A
50.0%	50.0% #76799A	RGB 118 121 154	#76799A
66.7%	66.7% #7C83AA	RGB 124 131 170	#7C83AA
83.3%	83.3% #808EBA	RGB 128 142 186	#808EBA
100.0%	100.0% #849ACB	RGB 132 154 203	#849ACB

#605E6A #69677A #6F6F8A #76799A #7C83AA #808EBA #849ACB

#605E6A - #76799A - #849ACB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #605E6A 0%, #76799A 50%, #849ACB 100%);
    background: -webkit-linear-gradient(top, #605E6A 0%, #76799A 50%, #849ACB 100%);
    background: linear-gradient(to bottom, #605E6A 0%, #76799A 50%, #849ACB 100%);
}
</style>