#AF9A8F - #8F553A | 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 #AF9A8F a #8F553A

#AF9A8F #8F553A

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

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

0.0%	0.0% #AF9A8F	RGB 175 154 143	#AF9A8F
16.7%	16.7% #A98E80	RGB 169 142 128	#A98E80
33.3%	33.3% #A48372	RGB 164 131 114	#A48372
50.0%	50.0% #9F7764	RGB 159 119 100	#9F7764
66.7%	66.7% #996C56	RGB 153 108 86	#996C56
83.3%	83.3% #946048	RGB 148 96 72	#946048
100.0%	100.0% #8F553A	RGB 143 85 58	#8F553A

#AF9A8F #A98E80 #A48372 #9F7764 #996C56 #946048 #8F553A

#AF9A8F - #8F553A

Mezcla HSV

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

0.0%	0.0% #AF9A8F	RGB 175 154 143	#AF9A8F
16.7%	16.7% #A98D7F	RGB 169 141 127	#A98D7F
33.3%	33.3% #A4816F	RGB 164 129 111	#A4816F
50.0%	50.0% #9F7561	RGB 159 117 97	#9F7561
66.7%	66.7% #996A53	RGB 153 106 83	#996A53
83.3%	83.3% #945F46	RGB 148 95 70	#945F46
100.0%	100.0% #8F553A	RGB 143 85 58	#8F553A

#AF9A8F #A98D7F #A4816F #9F7561 #996A53 #945F46 #8F553A

#AF9A8F - #9F7561 - #8F553A

Códigos CSS

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

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