#636582 - #B7A59D | 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 #636582 a #B7A59D

#636582 #B7A59D

Calcule el color entre dos colores, #636582 y #B7A59D. 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)

#636582 - #B7A59D | 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 #636582 como 0% y #B7A59D como 100%.

0.0%	0.0% #636582	RGB 99 101 130	#636582
16.7%	16.7% #716F86	RGB 113 111 134	#716F86
33.3%	33.3% #7F7A8B	RGB 127 122 139	#7F7A8B
50.0%	50.0% #8D858F	RGB 141 133 143	#8D858F
66.7%	66.7% #9B8F94	RGB 155 143 148	#9B8F94
83.3%	83.3% #A99A98	RGB 169 154 152	#A99A98
100.0%	100.0% #B7A59D	RGB 183 165 157	#B7A59D

#636582 #716F86 #7F7A8B #8D858F #9B8F94 #A99A98 #B7A59D

#636582 - #B7A59D

Mezcla HSV

#636582 - #B7A59D | 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 #636582 como 0% y #B7A59D como 100%.

0.0%	0.0% #636582	RGB 99 101 130	#636582
16.7%	16.7% #766B8A	RGB 118 107 138	#766B8A
33.3%	33.3% #8B7593	RGB 139 117 147	#8B7593
50.0%	50.0% #9C7E98	RGB 156 126 152	#9C7E98
66.7%	66.7% #A58896	RGB 165 136 150	#A58896
83.3%	83.3% #AE9295	RGB 174 146 149	#AE9295
100.0%	100.0% #B7A59D	RGB 183 165 157	#B7A59D

#636582 #766B8A #8B7593 #9C7E98 #A58896 #AE9295 #B7A59D

#636582 - #9C7E98 - #B7A59D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #636582 0%, #9C7E98 50%, #B7A59D 100%);
    background: -webkit-linear-gradient(top, #636582 0%, #9C7E98 50%, #B7A59D 100%);
    background: linear-gradient(to bottom, #636582 0%, #9C7E98 50%, #B7A59D 100%);
}
</style>