#AFABA4 - #8A6B4E | 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 #AFABA4 a #8A6B4E

#AFABA4 #8A6B4E

Calcule el color entre dos colores, #AFABA4 y #8A6B4E. 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)

#AFABA4 - #8A6B4E | 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 #AFABA4 como 0% y #8A6B4E como 100%.

0.0%	0.0% #AFABA4	RGB 175 171 164	#AFABA4
16.7%	16.7% #A8A095	RGB 168 160 149	#A8A095
33.3%	33.3% #A29587	RGB 162 149 135	#A29587
50.0%	50.0% #9C8B79	RGB 156 139 121	#9C8B79
66.7%	66.7% #96806A	RGB 150 128 106	#96806A
83.3%	83.3% #90755C	RGB 144 117 92	#90755C
100.0%	100.0% #8A6B4E	RGB 138 107 78	#8A6B4E

#AFABA4 #A8A095 #A29587 #9C8B79 #96806A #90755C #8A6B4E

#AFABA4 - #8A6B4E

Mezcla HSV

#AFABA4 - #8A6B4E | 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 #AFABA4 como 0% y #8A6B4E como 100%.

0.0%	0.0% #AFABA4	RGB 175 171 164	#AFABA4
16.7%	16.7% #A8A093	RGB 168 160 147	#A8A093
33.3%	33.3% #A29684	RGB 162 150 132	#A29684
50.0%	50.0% #9C8B75	RGB 156 139 117	#9C8B75
66.7%	66.7% #968067	RGB 150 128 103	#968067
83.3%	83.3% #90755A	RGB 144 117 90	#90755A
100.0%	100.0% #8A6B4E	RGB 138 107 78	#8A6B4E

#AFABA4 #A8A093 #A29684 #9C8B75 #968067 #90755A #8A6B4E

#AFABA4 - #9C8B75 - #8A6B4E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFABA4 0%, #9C8B75 50%, #8A6B4E 100%);
    background: -webkit-linear-gradient(top, #AFABA4 0%, #9C8B75 50%, #8A6B4E 100%);
    background: linear-gradient(to bottom, #AFABA4 0%, #9C8B75 50%, #8A6B4E 100%);
}
</style>