#3E5024 - #A69B4F | 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 #3E5024 a #A69B4F

#3E5024 #A69B4F

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

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

0.0%	0.0% #3E5024	RGB 62 80 36	#3E5024
16.7%	16.7% #4F5C2B	RGB 79 92 43	#4F5C2B
33.3%	33.3% #606932	RGB 96 105 50	#606932
50.0%	50.0% #727539	RGB 114 117 57	#727539
66.7%	66.7% #838240	RGB 131 130 64	#838240
83.3%	83.3% #948E47	RGB 148 142 71	#948E47
100.0%	100.0% #A69B4F	RGB 166 155 79	#A69B4F

#3E5024 #4F5C2B #606932 #727539 #838240 #948E47 #A69B4F

#3E5024 - #A69B4F

Mezcla HSV

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

0.0%	0.0% #3E5024	RGB 62 80 36	#3E5024
16.7%	16.7% #4D5E2A	RGB 77 94 42	#4D5E2A
33.3%	33.3% #5F6C31	RGB 95 108 49	#5F6C31
50.0%	50.0% #717B38	RGB 113 123 56	#717B38
66.7%	66.7% #858940	RGB 133 137 64	#858940
83.3%	83.3% #979447	RGB 151 148 71	#979447
100.0%	100.0% #A69B4F	RGB 166 155 79	#A69B4F

#3E5024 #4D5E2A #5F6C31 #717B38 #858940 #979447 #A69B4F

#3E5024 - #717B38 - #A69B4F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5024 0%, #717B38 50%, #A69B4F 100%);
    background: -webkit-linear-gradient(top, #3E5024 0%, #717B38 50%, #A69B4F 100%);
    background: linear-gradient(to bottom, #3E5024 0%, #717B38 50%, #A69B4F 100%);
}
</style>