#ABAF9F - #30322D | 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 #ABAF9F a #30322D

#ABAF9F #30322D

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

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

0.0%	0.0% #ABAF9F	RGB 171 175 159	#ABAF9F
16.7%	16.7% #969A8C	RGB 150 154 140	#969A8C
33.3%	33.3% #828579	RGB 130 133 121	#828579
50.0%	50.0% #6D7066	RGB 109 112 102	#6D7066
66.7%	66.7% #595B53	RGB 89 91 83	#595B53
83.3%	83.3% #444640	RGB 68 70 64	#444640
100.0%	100.0% #30322D	RGB 48 50 45	#30322D

#ABAF9F #969A8C #828579 #6D7066 #595B53 #444640 #30322D

#ABAF9F - #30322D

Mezcla HSV

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

0.0%	0.0% #ABAF9F	RGB 171 175 159	#ABAF9F
16.7%	16.7% #969A8B	RGB 150 154 139	#969A8B
33.3%	33.3% #818578	RGB 129 133 120	#818578
50.0%	50.0% #6D7065	RGB 109 112 101	#6D7065
66.7%	66.7% #585B52	RGB 88 91 82	#585B52
83.3%	83.3% #44463F	RGB 68 70 63	#44463F
100.0%	100.0% #30322D	RGB 48 50 45	#30322D

#ABAF9F #969A8B #818578 #6D7065 #585B52 #44463F #30322D

#ABAF9F - #6D7065 - #30322D

Códigos CSS

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

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