#5E5E5F - #B88A7B | 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 #B88A7B

#5E5E5F #B88A7B

Calcule el color entre dos colores, #5E5E5F y #B88A7B. 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 - #B88A7B | 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 #B88A7B como 100%.

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #6D6563	RGB 109 101 99	#6D6563
33.3%	33.3% #7C6C68	RGB 124 108 104	#7C6C68
50.0%	50.0% #8B746D	RGB 139 116 109	#8B746D
66.7%	66.7% #9A7B71	RGB 154 123 113	#9A7B71
83.3%	83.3% #A98276	RGB 169 130 118	#A98276
100.0%	100.0% #B88A7B	RGB 184 138 123	#B88A7B

#5E5E5F #6D6563 #7C6C68 #8B746D #9A7B71 #A98276 #B88A7B

#5E5E5F - #B88A7B

Mezcla HSV

#5E5E5F - #B88A7B | 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 #B88A7B como 100%.

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #69666D	RGB 105 102 109	#69666D
33.3%	33.3% #786E7C	RGB 120 110 124	#786E7C
50.0%	50.0% #8B7388	RGB 139 115 136	#8B7388
66.7%	66.7% #9A7789	RGB 154 119 137	#9A7789
83.3%	83.3% #A97A80	RGB 169 122 128	#A97A80
100.0%	100.0% #B88A7B	RGB 184 138 123	#B88A7B

#5E5E5F #69666D #786E7C #8B7388 #9A7789 #A97A80 #B88A7B

#5E5E5F - #8B7388 - #B88A7B

Códigos CSS

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

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