#3C502A - #A39B54 | 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 #3C502A a #A39B54

#3C502A #A39B54

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

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

0.0%	0.0% #3C502A	RGB 60 80 42	#3C502A
16.7%	16.7% #4D5C31	RGB 77 92 49	#4D5C31
33.3%	33.3% #5E6938	RGB 94 105 56	#5E6938
50.0%	50.0% #6F753F	RGB 111 117 63	#6F753F
66.7%	66.7% #808246	RGB 128 130 70	#808246
83.3%	83.3% #918E4D	RGB 145 142 77	#918E4D
100.0%	100.0% #A39B54	RGB 163 155 84	#A39B54

#3C502A #4D5C31 #5E6938 #6F753F #808246 #918E4D #A39B54

#3C502A - #A39B54

Mezcla HSV

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

0.0%	0.0% #3C502A	RGB 60 80 42	#3C502A
16.7%	16.7% #4A5D31	RGB 74 93 49	#4A5D31
33.3%	33.3% #5B6B38	RGB 91 107 56	#5B6B38
50.0%	50.0% #6D793F	RGB 109 121 63	#6D793F
66.7%	66.7% #808746	RGB 128 135 70	#808746
83.3%	83.3% #94954D	RGB 148 149 77	#94954D
100.0%	100.0% #A39B54	RGB 163 155 84	#A39B54

#3C502A #4A5D31 #5B6B38 #6D793F #808746 #94954D #A39B54

#3C502A - #6D793F - #A39B54

Códigos CSS

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

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