#AFA79C - #8B6647 | 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 #AFA79C a #8B6647

#AFA79C #8B6647

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

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

0.0%	0.0% #AFA79C	RGB 175 167 156	#AFA79C
16.7%	16.7% #A99C8D	RGB 169 156 141	#A99C8D
33.3%	33.3% #A3917F	RGB 163 145 127	#A3917F
50.0%	50.0% #9D8671	RGB 157 134 113	#9D8671
66.7%	66.7% #977B63	RGB 151 123 99	#977B63
83.3%	83.3% #917055	RGB 145 112 85	#917055
100.0%	100.0% #8B6647	RGB 139 102 71	#8B6647

#AFA79C #A99C8D #A3917F #9D8671 #977B63 #917055 #8B6647

#AFA79C - #8B6647

Mezcla HSV

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

0.0%	0.0% #AFA79C	RGB 175 167 156	#AFA79C
16.7%	16.7% #A99C8B	RGB 169 156 139	#A99C8B
33.3%	33.3% #A3917C	RGB 163 145 124	#A3917C
50.0%	50.0% #9D866E	RGB 157 134 110	#9D866E
66.7%	66.7% #977B60	RGB 151 123 96	#977B60
83.3%	83.3% #917053	RGB 145 112 83	#917053
100.0%	100.0% #8B6647	RGB 139 102 71	#8B6647

#AFA79C #A99C8B #A3917C #9D866E #977B60 #917053 #8B6647

#AFA79C - #9D866E - #8B6647

Códigos CSS

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

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