#5E6366 - #BFA58B | 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 #5E6366 a #BFA58B

#5E6366 #BFA58B

Calcule el color entre dos colores, #5E6366 y #BFA58B. 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)

#5E6366 - #BFA58B | 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 #5E6366 como 0% y #BFA58B como 100%.

0.0%	0.0% #5E6366	RGB 94 99 102	#5E6366
16.7%	16.7% #6E6E6C	RGB 110 110 108	#6E6E6C
33.3%	33.3% #7E7972	RGB 126 121 114	#7E7972
50.0%	50.0% #8E8478	RGB 142 132 120	#8E8478
66.7%	66.7% #9E8F7E	RGB 158 143 126	#9E8F7E
83.3%	83.3% #AE9A84	RGB 174 154 132	#AE9A84
100.0%	100.0% #BFA58B	RGB 191 165 139	#BFA58B

#5E6366 #6E6E6C #7E7972 #8E8478 #9E8F7E #AE9A84 #BFA58B

#5E6366 - #BFA58B

Mezcla HSV

#5E6366 - #BFA58B | 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 #5E6366 como 0% y #BFA58B como 100%.

0.0%	0.0% #5E6366	RGB 94 99 102	#5E6366
16.7%	16.7% #677473	RGB 103 116 115	#677473
33.3%	33.3% #708378	RGB 112 131 120	#708378
50.0%	50.0% #7A9278	RGB 122 146 120	#7A9278
66.7%	66.7% #91A17F	RGB 145 161 127	#91A17F
83.3%	83.3% #B0AF85	RGB 176 175 133	#B0AF85
100.0%	100.0% #BFA58B	RGB 191 165 139	#BFA58B

#5E6366 #677473 #708378 #7A9278 #91A17F #B0AF85 #BFA58B

#5E6366 - #7A9278 - #BFA58B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6366 0%, #7A9278 50%, #BFA58B 100%);
    background: -webkit-linear-gradient(top, #5E6366 0%, #7A9278 50%, #BFA58B 100%);
    background: linear-gradient(to bottom, #5E6366 0%, #7A9278 50%, #BFA58B 100%);
}
</style>