#5E5F55 - #C1AB7E | 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 #5E5F55 a #C1AB7E

#5E5F55 #C1AB7E

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

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

0.0%	0.0% #5E5F55	RGB 94 95 85	#5E5F55
16.7%	16.7% #6E6B5B	RGB 110 107 91	#6E6B5B
33.3%	33.3% #7F7862	RGB 127 120 98	#7F7862
50.0%	50.0% #8F8569	RGB 143 133 105	#8F8569
66.7%	66.7% #A09170	RGB 160 145 112	#A09170
83.3%	83.3% #B09E77	RGB 176 158 119	#B09E77
100.0%	100.0% #C1AB7E	RGB 193 171 126	#C1AB7E

#5E5F55 #6E6B5B #7F7862 #8F8569 #A09170 #B09E77 #C1AB7E

#5E5F55 - #C1AB7E

Mezcla HSV

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

0.0%	0.0% #5E5F55	RGB 94 95 85	#5E5F55
16.7%	16.7% #6E6F5F	RGB 110 111 95	#6E6F5F
33.3%	33.3% #7F7E67	RGB 127 126 103	#7F7E67
50.0%	50.0% #908C6F	RGB 144 140 111	#908C6F
66.7%	66.7% #A09875	RGB 160 152 117	#A09875
83.3%	83.3% #B0A27A	RGB 176 162 122	#B0A27A
100.0%	100.0% #C1AB7E	RGB 193 171 126	#C1AB7E

#5E5F55 #6E6F5F #7F7E67 #908C6F #A09875 #B0A27A #C1AB7E

#5E5F55 - #908C6F - #C1AB7E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5F55 0%, #908C6F 50%, #C1AB7E 100%);
    background: -webkit-linear-gradient(top, #5E5F55 0%, #908C6F 50%, #C1AB7E 100%);
    background: linear-gradient(to bottom, #5E5F55 0%, #908C6F 50%, #C1AB7E 100%);
}
</style>