#5E5E5F - #B8AE7B | 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 #5E5E5F a #B8AE7B

#5E5E5F #B8AE7B

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

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

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #6D6B63	RGB 109 107 99	#6D6B63
33.3%	33.3% #7C7868	RGB 124 120 104	#7C7868
50.0%	50.0% #8B866D	RGB 139 134 109	#8B866D
66.7%	66.7% #9A9371	RGB 154 147 113	#9A9371
83.3%	83.3% #A9A076	RGB 169 160 118	#A9A076
100.0%	100.0% #B8AE7B	RGB 184 174 123	#B8AE7B

#5E5E5F #6D6B63 #7C7868 #8B866D #9A9371 #A9A076 #B8AE7B

#5E5E5F - #B8AE7B

Mezcla HSV

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

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #6A666D	RGB 106 102 109	#6A666D
33.3%	33.3% #7B6E7C	RGB 123 110 124	#7B6E7C
50.0%	50.0% #8B7381	RGB 139 115 129	#8B7381
66.7%	66.7% #9A777B	RGB 154 119 123	#9A777B
83.3%	83.3% #A98B7A	RGB 169 139 122	#A98B7A
100.0%	100.0% #B8AE7B	RGB 184 174 123	#B8AE7B

#5E5E5F #6A666D #7B6E7C #8B7381 #9A777B #A98B7A #B8AE7B

#5E5E5F - #8B7381 - #B8AE7B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E5F 0%, #8B7381 50%, #B8AE7B 100%);
    background: -webkit-linear-gradient(top, #5E5E5F 0%, #8B7381 50%, #B8AE7B 100%);
    background: linear-gradient(to bottom, #5E5E5F 0%, #8B7381 50%, #B8AE7B 100%);
}
</style>