#ADAF9F - #31322D | 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 #ADAF9F a #31322D

#ADAF9F #31322D

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

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

0.0%	0.0% #ADAF9F	RGB 173 175 159	#ADAF9F
16.7%	16.7% #989A8C	RGB 152 154 140	#989A8C
33.3%	33.3% #838579	RGB 131 133 121	#838579
50.0%	50.0% #6F7066	RGB 111 112 102	#6F7066
66.7%	66.7% #5A5B53	RGB 90 91 83	#5A5B53
83.3%	83.3% #454640	RGB 69 70 64	#454640
100.0%	100.0% #31322D	RGB 49 50 45	#31322D

#ADAF9F #989A8C #838579 #6F7066 #5A5B53 #454640 #31322D

#ADAF9F - #31322D

Mezcla HSV

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

0.0%	0.0% #ADAF9F	RGB 173 175 159	#ADAF9F
16.7%	16.7% #989A8B	RGB 152 154 139	#989A8B
33.3%	33.3% #838578	RGB 131 133 120	#838578
50.0%	50.0% #6E7065	RGB 110 112 101	#6E7065
66.7%	66.7% #5A5B52	RGB 90 91 82	#5A5B52
83.3%	83.3% #45463F	RGB 69 70 63	#45463F
100.0%	100.0% #31322D	RGB 49 50 45	#31322D

#ADAF9F #989A8B #838578 #6E7065 #5A5B52 #45463F #31322D

#ADAF9F - #6E7065 - #31322D

Códigos CSS

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

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