#5E5E60 - #B0B87C | 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 #B0B87C

#5E5E60 #B0B87C

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

0.0%	0.0% #5E5E60	RGB 94 94 96	#5E5E60
16.7%	16.7% #6B6D64	RGB 107 109 100	#6B6D64
33.3%	33.3% #797C69	RGB 121 124 105	#797C69
50.0%	50.0% #878B6E	RGB 135 139 110	#878B6E
66.7%	66.7% #949A72	RGB 148 154 114	#949A72
83.3%	83.3% #A2A977	RGB 162 169 119	#A2A977
100.0%	100.0% #B0B87C	RGB 176 184 124	#B0B87C

#5E5E60 #6B6D64 #797C69 #878B6E #949A72 #A2A977 #B0B87C

#5E5E60 - #B0B87C

Mezcla HSV

#5E5E60 - #B0B87C | 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 #B0B87C como 100%.

0.0%	0.0% #5E5E60	RGB 94 94 96	#5E5E60
16.7%	16.7% #666A6E	RGB 102 106 110	#666A6E
33.3%	33.3% #6D7C7D	RGB 109 124 125	#6D7C7D
50.0%	50.0% #738C81	RGB 115 140 129	#738C81
66.7%	66.7% #779A7B	RGB 119 154 123	#779A7B
83.3%	83.3% #8CA97A	RGB 140 169 122	#8CA97A
100.0%	100.0% #B0B87C	RGB 176 184 124	#B0B87C

#5E5E60 #666A6E #6D7C7D #738C81 #779A7B #8CA97A #B0B87C

#5E5E60 - #738C81 - #B0B87C

Códigos CSS

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

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