#A8A8AD - #303031 | 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 #A8A8AD a #303031

#A8A8AD #303031

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

#A8A8AD - #303031 | 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 #A8A8AD como 0% y #303031 como 100%.

0.0%	0.0% #A8A8AD	RGB 168 168 173	#A8A8AD
16.7%	16.7% #949498	RGB 148 148 152	#949498
33.3%	33.3% #808083	RGB 128 128 131	#808083
50.0%	50.0% #6C6C6F	RGB 108 108 111	#6C6C6F
66.7%	66.7% #58585A	RGB 88 88 90	#58585A
83.3%	83.3% #444445	RGB 68 68 69	#444445
100.0%	100.0% #303031	RGB 48 48 49	#303031

#A8A8AD #949498 #808083 #6C6C6F #58585A #444445 #303031

#A8A8AD - #303031

Mezcla HSV

#A8A8AD - #303031 | 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 #A8A8AD como 0% y #303031 como 100%.

0.0%	0.0% #A8A8AD	RGB 168 168 173	#A8A8AD
16.7%	16.7% #949498	RGB 148 148 152	#949498
33.3%	33.3% #808083	RGB 128 128 131	#808083
50.0%	50.0% #6C6C6F	RGB 108 108 111	#6C6C6F
66.7%	66.7% #58585A	RGB 88 88 90	#58585A
83.3%	83.3% #444445	RGB 68 68 69	#444445
100.0%	100.0% #303031	RGB 48 48 49	#303031

#A8A8AD #949498 #808083 #6C6C6F #58585A #444445 #303031

#A8A8AD - #6C6C6F - #303031

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A8AD 0%, #6C6C6F 50%, #303031 100%);
    background: -webkit-linear-gradient(top, #A8A8AD 0%, #6C6C6F 50%, #303031 100%);
    background: linear-gradient(to bottom, #A8A8AD 0%, #6C6C6F 50%, #303031 100%);
}
</style>