#ABABA2 - #30302E | 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 #ABABA2 a #30302E

#ABABA2 #30302E

Calcule el color entre dos colores, #ABABA2 y #30302E. 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)

#ABABA2 - #30302E | 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 #ABABA2 como 0% y #30302E como 100%.

0.0%	0.0% #ABABA2	RGB 171 171 162	#ABABA2
16.7%	16.7% #96968E	RGB 150 150 142	#96968E
33.3%	33.3% #82827B	RGB 130 130 123	#82827B
50.0%	50.0% #6D6D68	RGB 109 109 104	#6D6D68
66.7%	66.7% #595954	RGB 89 89 84	#595954
83.3%	83.3% #444441	RGB 68 68 65	#444441
100.0%	100.0% #30302E	RGB 48 48 46	#30302E

#ABABA2 #96968E #82827B #6D6D68 #595954 #444441 #30302E

#ABABA2 - #30302E

Mezcla HSV

#ABABA2 - #30302E | 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 #ABABA2 como 0% y #30302E como 100%.

0.0%	0.0% #ABABA2	RGB 171 171 162	#ABABA2
16.7%	16.7% #96968E	RGB 150 150 142	#96968E
33.3%	33.3% #82827B	RGB 130 130 123	#82827B
50.0%	50.0% #6D6D68	RGB 109 109 104	#6D6D68
66.7%	66.7% #595954	RGB 89 89 84	#595954
83.3%	83.3% #444441	RGB 68 68 65	#444441
100.0%	100.0% #30302E	RGB 48 48 46	#30302E

#ABABA2 #96968E #82827B #6D6D68 #595954 #444441 #30302E

#ABABA2 - #6D6D68 - #30302E

Códigos CSS

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

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