#80818F - #DADBDF | 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 #80818F a #DADBDF

#80818F #DADBDF

Calcule el color entre dos colores, #80818F y #DADBDF. 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)

#80818F - #DADBDF | 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 #80818F como 0% y #DADBDF como 100%.

0.0%	0.0% #80818F	RGB 128 129 143	#80818F
16.7%	16.7% #8F909C	RGB 143 144 156	#8F909C
33.3%	33.3% #9E9FA9	RGB 158 159 169	#9E9FA9
50.0%	50.0% #ADAEB7	RGB 173 174 183	#ADAEB7
66.7%	66.7% #BCBDC4	RGB 188 189 196	#BCBDC4
83.3%	83.3% #CBCCD1	RGB 203 204 209	#CBCCD1
100.0%	100.0% #DADBDF	RGB 218 219 223	#DADBDF

#80818F #8F909C #9E9FA9 #ADAEB7 #BCBDC4 #CBCCD1 #DADBDF

#80818F - #DADBDF

Mezcla HSV

#80818F - #DADBDF | 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 #80818F como 0% y #DADBDF como 100%.

0.0%	0.0% #80818F	RGB 128 129 143	#80818F
16.7%	16.7% #8E8F9C	RGB 142 143 156	#8E8F9C
33.3%	33.3% #9C9DA9	RGB 156 157 169	#9C9DA9
50.0%	50.0% #ABACB7	RGB 171 172 183	#ABACB7
66.7%	66.7% #BABCC4	RGB 186 188 196	#BABCC4
83.3%	83.3% #CACBD1	RGB 202 203 209	#CACBD1
100.0%	100.0% #DADBDF	RGB 218 219 223	#DADBDF

#80818F #8E8F9C #9C9DA9 #ABACB7 #BABCC4 #CACBD1 #DADBDF

#80818F - #ABACB7 - #DADBDF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #80818F 0%, #ABACB7 50%, #DADBDF 100%);
    background: -webkit-linear-gradient(top, #80818F 0%, #ABACB7 50%, #DADBDF 100%);
    background: linear-gradient(to bottom, #80818F 0%, #ABACB7 50%, #DADBDF 100%);
}
</style>