#5E5E6F - #B49D8B | 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 #5E5E6F a #B49D8B

#5E5E6F #B49D8B

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

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

0.0%	0.0% #5E5E6F	RGB 94 94 111	#5E5E6F
16.7%	16.7% #6C6873	RGB 108 104 115	#6C6873
33.3%	33.3% #7A7378	RGB 122 115 120	#7A7378
50.0%	50.0% #897D7D	RGB 137 125 125	#897D7D
66.7%	66.7% #978881	RGB 151 136 129	#978881
83.3%	83.3% #A59286	RGB 165 146 134	#A59286
100.0%	100.0% #B49D8B	RGB 180 157 139	#B49D8B

#5E5E6F #6C6873 #7A7378 #897D7D #978881 #A59286 #B49D8B

#5E5E6F - #B49D8B

Mezcla HSV

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

0.0%	0.0% #5E5E6F	RGB 94 94 111	#5E5E6F
16.7%	16.7% #6E667A	RGB 110 102 122	#6E667A
33.3%	33.3% #816E86	RGB 129 110 134	#816E86
50.0%	50.0% #91758B	RGB 145 117 139	#91758B
66.7%	66.7% #9D7D89	RGB 157 125 137	#9D7D89
83.3%	83.3% #A88584	RGB 168 133 132	#A88584
100.0%	100.0% #B49D8B	RGB 180 157 139	#B49D8B

#5E5E6F #6E667A #816E86 #91758B #9D7D89 #A88584 #B49D8B

#5E5E6F - #91758B - #B49D8B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E6F 0%, #91758B 50%, #B49D8B 100%);
    background: -webkit-linear-gradient(top, #5E5E6F 0%, #91758B 50%, #B49D8B 100%);
    background: linear-gradient(to bottom, #5E5E6F 0%, #91758B 50%, #B49D8B 100%);
}
</style>