#ADADA8 - #313130 | 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 #ADADA8 a #313130

#ADADA8 #313130

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

#ADADA8 - #313130 | 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 #ADADA8 como 0% y #313130 como 100%.

0.0%	0.0% #ADADA8	RGB 173 173 168	#ADADA8
16.7%	16.7% #989894	RGB 152 152 148	#989894
33.3%	33.3% #838380	RGB 131 131 128	#838380
50.0%	50.0% #6F6F6C	RGB 111 111 108	#6F6F6C
66.7%	66.7% #5A5A58	RGB 90 90 88	#5A5A58
83.3%	83.3% #454544	RGB 69 69 68	#454544
100.0%	100.0% #313130	RGB 49 49 48	#313130

#ADADA8 #989894 #838380 #6F6F6C #5A5A58 #454544 #313130

#ADADA8 - #313130

Mezcla HSV

#ADADA8 - #313130 | 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 #ADADA8 como 0% y #313130 como 100%.

0.0%	0.0% #ADADA8	RGB 173 173 168	#ADADA8
16.7%	16.7% #989894	RGB 152 152 148	#989894
33.3%	33.3% #838380	RGB 131 131 128	#838380
50.0%	50.0% #6F6F6C	RGB 111 111 108	#6F6F6C
66.7%	66.7% #5A5A58	RGB 90 90 88	#5A5A58
83.3%	83.3% #454544	RGB 69 69 68	#454544
100.0%	100.0% #313130	RGB 49 49 48	#313130

#ADADA8 #989894 #838380 #6F6F6C #5A5A58 #454544 #313130

#ADADA8 - #6F6F6C - #313130

Códigos CSS

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

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