#6A5E3C - #E1A45B | 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 #6A5E3C a #E1A45B

#6A5E3C #E1A45B

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

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

0.0%	0.0% #6A5E3C	RGB 106 94 60	#6A5E3C
16.7%	16.7% #7D6941	RGB 125 105 65	#7D6941
33.3%	33.3% #917546	RGB 145 117 70	#917546
50.0%	50.0% #A5814B	RGB 165 129 75	#A5814B
66.7%	66.7% #B98C50	RGB 185 140 80	#B98C50
83.3%	83.3% #CD9855	RGB 205 152 85	#CD9855
100.0%	100.0% #E1A45B	RGB 225 164 91	#E1A45B

#6A5E3C #7D6941 #917546 #A5814B #B98C50 #CD9855 #E1A45B

#6A5E3C - #E1A45B

Mezcla HSV

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

0.0%	0.0% #6A5E3C	RGB 106 94 60	#6A5E3C
16.7%	16.7% #7D6C43	RGB 125 108 67	#7D6C43
33.3%	33.3% #917A4A	RGB 145 122 74	#917A4A
50.0%	50.0% #A58650	RGB 165 134 80	#A58650
66.7%	66.7% #B99254	RGB 185 146 84	#B99254
83.3%	83.3% #CD9B58	RGB 205 155 88	#CD9B58
100.0%	100.0% #E1A45B	RGB 225 164 91	#E1A45B

#6A5E3C #7D6C43 #917A4A #A58650 #B99254 #CD9B58 #E1A45B

#6A5E3C - #A58650 - #E1A45B

Códigos CSS

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

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