#AF5E3C - #FAA654 | 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 #AF5E3C a #FAA654

#AF5E3C #FAA654

Calcule el color entre dos colores, #AF5E3C y #FAA654. 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)

#AF5E3C - #FAA654 | 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 #AF5E3C como 0% y #FAA654 como 100%.

0.0%	0.0% #AF5E3C	RGB 175 94 60	#AF5E3C
16.7%	16.7% #BB6A40	RGB 187 106 64	#BB6A40
33.3%	33.3% #C87644	RGB 200 118 68	#C87644
50.0%	50.0% #D48248	RGB 212 130 72	#D48248
66.7%	66.7% #E18E4C	RGB 225 142 76	#E18E4C
83.3%	83.3% #ED9A50	RGB 237 154 80	#ED9A50
100.0%	100.0% #FAA654	RGB 250 166 84	#FAA654

#AF5E3C #BB6A40 #C87644 #D48248 #E18E4C #ED9A50 #FAA654

#AF5E3C - #FAA654

Mezcla HSV

#AF5E3C - #FAA654 | 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 #AF5E3C como 0% y #FAA654 como 100%.

0.0%	0.0% #AF5E3C	RGB 175 94 60	#AF5E3C
16.7%	16.7% #BB6840	RGB 187 104 64	#BB6840
33.3%	33.3% #C87344	RGB 200 115 68	#C87344
50.0%	50.0% #D47F48	RGB 212 127 72	#D47F48
66.7%	66.7% #E18B4C	RGB 225 139 76	#E18B4C
83.3%	83.3% #ED9850	RGB 237 152 80	#ED9850
100.0%	100.0% #FAA654	RGB 250 166 84	#FAA654

#AF5E3C #BB6840 #C87344 #D47F48 #E18B4C #ED9850 #FAA654

#AF5E3C - #D47F48 - #FAA654

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF5E3C 0%, #D47F48 50%, #FAA654 100%);
    background: -webkit-linear-gradient(top, #AF5E3C 0%, #D47F48 50%, #FAA654 100%);
    background: linear-gradient(to bottom, #AF5E3C 0%, #D47F48 50%, #FAA654 100%);
}
</style>