#6B5E11 - #AB863E | 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 #6B5E11 a #AB863E

#6B5E11 #AB863E

Calcule el color entre dos colores, #6B5E11 y #AB863E. 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)

#6B5E11 - #AB863E | 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 #6B5E11 como 0% y #AB863E como 100%.

0.0%	0.0% #6B5E11	RGB 107 94 17	#6B5E11
16.7%	16.7% #756418	RGB 117 100 24	#756418
33.3%	33.3% #806B20	RGB 128 107 32	#806B20
50.0%	50.0% #8B7227	RGB 139 114 39	#8B7227
66.7%	66.7% #95782F	RGB 149 120 47	#95782F
83.3%	83.3% #A07F36	RGB 160 127 54	#A07F36
100.0%	100.0% #AB863E	RGB 171 134 62	#AB863E

#6B5E11 #756418 #806B20 #8B7227 #95782F #A07F36 #AB863E

#6B5E11 - #AB863E

Mezcla HSV

#6B5E11 - #AB863E | 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 #6B5E11 como 0% y #AB863E como 100%.

0.0%	0.0% #6B5E11	RGB 107 94 17	#6B5E11
16.7%	16.7% #756416	RGB 117 100 22	#756416
33.3%	33.3% #806B1D	RGB 128 107 29	#806B1D
50.0%	50.0% #8B7224	RGB 139 114 36	#8B7224
66.7%	66.7% #95782C	RGB 149 120 44	#95782C
83.3%	83.3% #A07F34	RGB 160 127 52	#A07F34
100.0%	100.0% #AB863E	RGB 171 134 62	#AB863E

#6B5E11 #756416 #806B1D #8B7224 #95782C #A07F34 #AB863E

#6B5E11 - #8B7224 - #AB863E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E11 0%, #8B7224 50%, #AB863E 100%);
    background: -webkit-linear-gradient(top, #6B5E11 0%, #8B7224 50%, #AB863E 100%);
    background: linear-gradient(to bottom, #6B5E11 0%, #8B7224 50%, #AB863E 100%);
}
</style>