#ACAA9F - #31302D | 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 #ACAA9F a #31302D

#ACAA9F #31302D

Calcule el color entre dos colores, #ACAA9F y #31302D. 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)

#ACAA9F - #31302D | 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 #ACAA9F como 0% y #31302D como 100%.

0.0%	0.0% #ACAA9F	RGB 172 170 159	#ACAA9F
16.7%	16.7% #97958C	RGB 151 149 140	#97958C
33.3%	33.3% #838179	RGB 131 129 121	#838179
50.0%	50.0% #6E6D66	RGB 110 109 102	#6E6D66
66.7%	66.7% #5A5853	RGB 90 88 83	#5A5853
83.3%	83.3% #454440	RGB 69 68 64	#454440
100.0%	100.0% #31302D	RGB 49 48 45	#31302D

#ACAA9F #97958C #838179 #6E6D66 #5A5853 #454440 #31302D

#ACAA9F - #31302D

Mezcla HSV

#ACAA9F - #31302D | 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 #ACAA9F como 0% y #31302D como 100%.

0.0%	0.0% #ACAA9F	RGB 172 170 159	#ACAA9F
16.7%	16.7% #97958B	RGB 151 149 139	#97958B
33.3%	33.3% #838178	RGB 131 129 120	#838178
50.0%	50.0% #6E6C65	RGB 110 108 101	#6E6C65
66.7%	66.7% #5A5852	RGB 90 88 82	#5A5852
83.3%	83.3% #45443F	RGB 69 68 63	#45443F
100.0%	100.0% #31302D	RGB 49 48 45	#31302D

#ACAA9F #97958B #838178 #6E6C65 #5A5852 #45443F #31302D

#ACAA9F - #6E6C65 - #31302D

Códigos CSS

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

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