#7C7E66 - #DEC58A | 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 #7C7E66 a #DEC58A

#7C7E66 #DEC58A

Calcule el color entre dos colores, #7C7E66 y #DEC58A. 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)

#7C7E66 - #DEC58A | 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 #7C7E66 como 0% y #DEC58A como 100%.

0.0%	0.0% #7C7E66	RGB 124 126 102	#7C7E66
16.7%	16.7% #8C896C	RGB 140 137 108	#8C896C
33.3%	33.3% #9C9572	RGB 156 149 114	#9C9572
50.0%	50.0% #ADA178	RGB 173 161 120	#ADA178
66.7%	66.7% #BDAD7E	RGB 189 173 126	#BDAD7E
83.3%	83.3% #CDB984	RGB 205 185 132	#CDB984
100.0%	100.0% #DEC58A	RGB 222 197 138	#DEC58A

#7C7E66 #8C896C #9C9572 #ADA178 #BDAD7E #CDB984 #DEC58A

#7C7E66 - #DEC58A

Mezcla HSV

#7C7E66 - #DEC58A | 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 #7C7E66 como 0% y #DEC58A como 100%.

0.0%	0.0% #7C7E66	RGB 124 126 102	#7C7E66
16.7%	16.7% #8D8E6E	RGB 141 142 110	#8D8E6E
33.3%	33.3% #9E9C76	RGB 158 156 118	#9E9C76
50.0%	50.0% #AEA87C	RGB 174 168 124	#AEA87C
66.7%	66.7% #BEB382	RGB 190 179 130	#BEB382
83.3%	83.3% #CEBD86	RGB 206 189 134	#CEBD86
100.0%	100.0% #DEC58A	RGB 222 197 138	#DEC58A

#7C7E66 #8D8E6E #9E9C76 #AEA87C #BEB382 #CEBD86 #DEC58A

#7C7E66 - #AEA87C - #DEC58A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7C7E66 0%, #AEA87C 50%, #DEC58A 100%);
    background: -webkit-linear-gradient(top, #7C7E66 0%, #AEA87C 50%, #DEC58A 100%);
    background: linear-gradient(to bottom, #7C7E66 0%, #AEA87C 50%, #DEC58A 100%);
}
</style>