#7E7A7B - #DAD9D9 | 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 #7E7A7B a #DAD9D9

#7E7A7B #DAD9D9

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

#7E7A7B - #DAD9D9 | 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 #7E7A7B como 0% y #DAD9D9 como 100%.

0.0%	0.0% #7E7A7B	RGB 126 122 123	#7E7A7B
16.7%	16.7% #8D898A	RGB 141 137 138	#8D898A
33.3%	33.3% #9C999A	RGB 156 153 154	#9C999A
50.0%	50.0% #ACA9AA	RGB 172 169 170	#ACA9AA
66.7%	66.7% #BBB9B9	RGB 187 185 185	#BBB9B9
83.3%	83.3% #CAC9C9	RGB 202 201 201	#CAC9C9
100.0%	100.0% #DAD9D9	RGB 218 217 217	#DAD9D9

#7E7A7B #8D898A #9C999A #ACA9AA #BBB9B9 #CAC9C9 #DAD9D9

#7E7A7B - #DAD9D9

Mezcla HSV

#7E7A7B - #DAD9D9 | 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 #7E7A7B como 0% y #DAD9D9 como 100%.

0.0%	0.0% #7E7A7B	RGB 126 122 123	#7E7A7B
16.7%	16.7% #8D898A	RGB 141 137 138	#8D898A
33.3%	33.3% #9C9999	RGB 156 153 153	#9C9999
50.0%	50.0% #ACA8A9	RGB 172 168 169	#ACA8A9
66.7%	66.7% #BBB8B8	RGB 187 184 184	#BBB8B8
83.3%	83.3% #CAC8C8	RGB 202 200 200	#CAC8C8
100.0%	100.0% #DAD9D9	RGB 218 217 217	#DAD9D9

#7E7A7B #8D898A #9C9999 #ACA8A9 #BBB8B8 #CAC8C8 #DAD9D9

#7E7A7B - #ACA8A9 - #DAD9D9

Códigos CSS

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

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