#3A3832 - #A37E5B | 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 #3A3832 a #A37E5B

#3A3832 #A37E5B

Calcule el color entre dos colores, #3A3832 y #A37E5B. 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)

#3A3832 - #A37E5B | 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 #3A3832 como 0% y #A37E5B como 100%.

0.0%	0.0% #3A3832	RGB 58 56 50	#3A3832
16.7%	16.7% #4B4338	RGB 75 67 56	#4B4338
33.3%	33.3% #5D4F3F	RGB 93 79 63	#5D4F3F
50.0%	50.0% #6E5B46	RGB 110 91 70	#6E5B46
66.7%	66.7% #80664D	RGB 128 102 77	#80664D
83.3%	83.3% #917254	RGB 145 114 84	#917254
100.0%	100.0% #A37E5B	RGB 163 126 91	#A37E5B

#3A3832 #4B4338 #5D4F3F #6E5B46 #80664D #917254 #A37E5B

#3A3832 - #A37E5B

Mezcla HSV

#3A3832 - #A37E5B | 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 #3A3832 como 0% y #A37E5B como 100%.

0.0%	0.0% #3A3832	RGB 58 56 50	#3A3832
16.7%	16.7% #4B473D	RGB 75 71 61	#4B473D
33.3%	33.3% #5D5546	RGB 93 85 70	#5D5546
50.0%	50.0% #6E624E	RGB 110 98 78	#6E624E
66.7%	66.7% #806D54	RGB 128 109 84	#806D54
83.3%	83.3% #917658	RGB 145 118 88	#917658
100.0%	100.0% #A37E5B	RGB 163 126 91	#A37E5B

#3A3832 #4B473D #5D5546 #6E624E #806D54 #917658 #A37E5B

#3A3832 - #6E624E - #A37E5B

Códigos CSS

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

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