#7A7A6D - #D9D9D5 | 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 #7A7A6D a #D9D9D5

#7A7A6D #D9D9D5

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

#7A7A6D - #D9D9D5 | 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 #7A7A6D como 0% y #D9D9D5 como 100%.

0.0%	0.0% #7A7A6D	RGB 122 122 109	#7A7A6D
16.7%	16.7% #89897E	RGB 137 137 126	#89897E
33.3%	33.3% #99998F	RGB 153 153 143	#99998F
50.0%	50.0% #A9A9A1	RGB 169 169 161	#A9A9A1
66.7%	66.7% #B9B9B2	RGB 185 185 178	#B9B9B2
83.3%	83.3% #C9C9C3	RGB 201 201 195	#C9C9C3
100.0%	100.0% #D9D9D5	RGB 217 217 213	#D9D9D5

#7A7A6D #89897E #99998F #A9A9A1 #B9B9B2 #C9C9C3 #D9D9D5

#7A7A6D - #D9D9D5

Mezcla HSV

#7A7A6D - #D9D9D5 | 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 #7A7A6D como 0% y #D9D9D5 como 100%.

0.0%	0.0% #7A7A6D	RGB 122 122 109	#7A7A6D
16.7%	16.7% #89897D	RGB 137 137 125	#89897D
33.3%	33.3% #99998D	RGB 153 153 141	#99998D
50.0%	50.0% #A9A99E	RGB 169 169 158	#A9A99E
66.7%	66.7% #B9B9B0	RGB 185 185 176	#B9B9B0
83.3%	83.3% #C9C9C2	RGB 201 201 194	#C9C9C2
100.0%	100.0% #D9D9D5	RGB 217 217 213	#D9D9D5

#7A7A6D #89897D #99998D #A9A99E #B9B9B0 #C9C9C2 #D9D9D5

#7A7A6D - #A9A99E - #D9D9D5

Códigos CSS

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

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