#5E5E6A - #B59D86 | 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 #5E5E6A a #B59D86

#5E5E6A #B59D86

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

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

0.0%	0.0% #5E5E6A	RGB 94 94 106	#5E5E6A
16.7%	16.7% #6C686E	RGB 108 104 110	#6C686E
33.3%	33.3% #7B7373	RGB 123 115 115	#7B7373
50.0%	50.0% #897D78	RGB 137 125 120	#897D78
66.7%	66.7% #98887C	RGB 152 136 124	#98887C
83.3%	83.3% #A69281	RGB 166 146 129	#A69281
100.0%	100.0% #B59D86	RGB 181 157 134	#B59D86

#5E5E6A #6C686E #7B7373 #897D78 #98887C #A69281 #B59D86

#5E5E6A - #B59D86

Mezcla HSV

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

0.0%	0.0% #5E5E6A	RGB 94 94 106	#5E5E6A
16.7%	16.7% #6C6676	RGB 108 102 118	#6C6676
33.3%	33.3% #7F6D83	RGB 127 109 131	#7F6D83
50.0%	50.0% #8F7488	RGB 143 116 136	#8F7488
66.7%	66.7% #9C7B86	RGB 156 123 134	#9C7B86
83.3%	83.3% #A88380	RGB 168 131 128	#A88380
100.0%	100.0% #B59D86	RGB 181 157 134	#B59D86

#5E5E6A #6C6676 #7F6D83 #8F7488 #9C7B86 #A88380 #B59D86

#5E5E6A - #8F7488 - #B59D86

Códigos CSS

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

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