#5E5E60 - #B89C7C | 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 #5E5E60 a #B89C7C

#5E5E60 #B89C7C

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

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

0.0%	0.0% #5E5E60	RGB 94 94 96	#5E5E60
16.7%	16.7% #6D6864	RGB 109 104 100	#6D6864
33.3%	33.3% #7C7269	RGB 124 114 105	#7C7269
50.0%	50.0% #8B7D6E	RGB 139 125 110	#8B7D6E
66.7%	66.7% #9A8772	RGB 154 135 114	#9A8772
83.3%	83.3% #A99177	RGB 169 145 119	#A99177
100.0%	100.0% #B89C7C	RGB 184 156 124	#B89C7C

#5E5E60 #6D6864 #7C7269 #8B7D6E #9A8772 #A99177 #B89C7C

#5E5E60 - #B89C7C

Mezcla HSV

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

0.0%	0.0% #5E5E60	RGB 94 94 96	#5E5E60
16.7%	16.7% #6A666E	RGB 106 102 110	#6A666E
33.3%	33.3% #7A6D7D	RGB 122 109 125	#7A6D7D
50.0%	50.0% #8C7385	RGB 140 115 133	#8C7385
66.7%	66.7% #9A7782	RGB 154 119 130	#9A7782
83.3%	83.3% #A97F7A	RGB 169 127 122	#A97F7A
100.0%	100.0% #B89C7C	RGB 184 156 124	#B89C7C

#5E5E60 #6A666E #7A6D7D #8C7385 #9A7782 #A97F7A #B89C7C

#5E5E60 - #8C7385 - #B89C7C

Códigos CSS

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

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