#636882 - #B9A99E | 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 #636882 a #B9A99E

#636882 #B9A99E

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

#636882 - #B9A99E | 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 #636882 como 0% y #B9A99E como 100%.

0.0%	0.0% #636882	RGB 99 104 130	#636882
16.7%	16.7% #717286	RGB 113 114 134	#717286
33.3%	33.3% #7F7D8B	RGB 127 125 139	#7F7D8B
50.0%	50.0% #8E8890	RGB 142 136 144	#8E8890
66.7%	66.7% #9C9394	RGB 156 147 148	#9C9394
83.3%	83.3% #AA9E99	RGB 170 158 153	#AA9E99
100.0%	100.0% #B9A99E	RGB 185 169 158	#B9A99E

#636882 #717286 #7F7D8B #8E8890 #9C9394 #AA9E99 #B9A99E

#636882 - #B9A99E

Mezcla HSV

#636882 - #B9A99E | 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 #636882 como 0% y #B9A99E como 100%.

0.0%	0.0% #636882	RGB 99 104 130	#636882
16.7%	16.7% #746C8B	RGB 116 108 139	#746C8B
33.3%	33.3% #8A7594	RGB 138 117 148	#8A7594
50.0%	50.0% #9D7F99	RGB 157 127 153	#9D7F99
66.7%	66.7% #A68996	RGB 166 137 150	#A68996
83.3%	83.3% #AF9394	RGB 175 147 148	#AF9394
100.0%	100.0% #B9A99E	RGB 185 169 158	#B9A99E

#636882 #746C8B #8A7594 #9D7F99 #A68996 #AF9394 #B9A99E

#636882 - #9D7F99 - #B9A99E

Códigos CSS

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

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