#7E7E5E - #DADAD1 | 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 #7E7E5E a #DADAD1

#7E7E5E #DADAD1

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

#7E7E5E - #DADAD1 | 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 #7E7E5E como 0% y #DADAD1 como 100%.

0.0%	0.0% #7E7E5E	RGB 126 126 94	#7E7E5E
16.7%	16.7% #8D8D71	RGB 141 141 113	#8D8D71
33.3%	33.3% #9C9C84	RGB 156 156 132	#9C9C84
50.0%	50.0% #ACAC97	RGB 172 172 151	#ACAC97
66.7%	66.7% #BBBBAA	RGB 187 187 170	#BBBBAA
83.3%	83.3% #CACABD	RGB 202 202 189	#CACABD
100.0%	100.0% #DADAD1	RGB 218 218 209	#DADAD1

#7E7E5E #8D8D71 #9C9C84 #ACAC97 #BBBBAA #CACABD #DADAD1

#7E7E5E - #DADAD1

Mezcla HSV

#7E7E5E - #DADAD1 | 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 #7E7E5E como 0% y #DADAD1 como 100%.

0.0%	0.0% #7E7E5E	RGB 126 126 94	#7E7E5E
16.7%	16.7% #8D8D6E	RGB 141 141 110	#8D8D6E
33.3%	33.3% #9C9C7F	RGB 156 156 127	#9C9C7F
50.0%	50.0% #ACAC92	RGB 172 172 146	#ACAC92
66.7%	66.7% #BBBBA6	RGB 187 187 166	#BBBBA6
83.3%	83.3% #CACABB	RGB 202 202 187	#CACABB
100.0%	100.0% #DADAD1	RGB 218 218 209	#DADAD1

#7E7E5E #8D8D6E #9C9C7F #ACAC92 #BBBBA6 #CACABB #DADAD1

#7E7E5E - #ACAC92 - #DADAD1

Códigos CSS

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

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