#7A7E6F - #D9DAD5 | 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 #7A7E6F a #D9DAD5

#7A7E6F #D9DAD5

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

#7A7E6F - #D9DAD5 | 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 #7A7E6F como 0% y #D9DAD5 como 100%.

0.0%	0.0% #7A7E6F	RGB 122 126 111	#7A7E6F
16.7%	16.7% #898D80	RGB 137 141 128	#898D80
33.3%	33.3% #999C91	RGB 153 156 145	#999C91
50.0%	50.0% #A9ACA2	RGB 169 172 162	#A9ACA2
66.7%	66.7% #B9BBB3	RGB 185 187 179	#B9BBB3
83.3%	83.3% #C9CAC4	RGB 201 202 196	#C9CAC4
100.0%	100.0% #D9DAD5	RGB 217 218 213	#D9DAD5

#7A7E6F #898D80 #999C91 #A9ACA2 #B9BBB3 #C9CAC4 #D9DAD5

#7A7E6F - #D9DAD5

Mezcla HSV

#7A7E6F - #D9DAD5 | 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 #7A7E6F como 0% y #D9DAD5 como 100%.

0.0%	0.0% #7A7E6F	RGB 122 126 111	#7A7E6F
16.7%	16.7% #898D7E	RGB 137 141 126	#898D7E
33.3%	33.3% #999C8F	RGB 153 156 143	#999C8F
50.0%	50.0% #A9AC9F	RGB 169 172 159	#A9AC9F
66.7%	66.7% #B9BBB1	RGB 185 187 177	#B9BBB1
83.3%	83.3% #C9CAC2	RGB 201 202 194	#C9CAC2
100.0%	100.0% #D9DAD5	RGB 217 218 213	#D9DAD5

#7A7E6F #898D7E #999C8F #A9AC9F #B9BBB1 #C9CAC2 #D9DAD5

#7A7E6F - #A9AC9F - #D9DAD5

Códigos CSS

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

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