#35501D - #A09C49 | 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 #35501D a #A09C49

#35501D #A09C49

Calcule el color entre dos colores, #35501D y #A09C49. 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)

#35501D - #A09C49 | 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 #35501D como 0% y #A09C49 como 100%.

0.0%	0.0% #35501D	RGB 53 80 29	#35501D
16.7%	16.7% #465C24	RGB 70 92 36	#465C24
33.3%	33.3% #58692B	RGB 88 105 43	#58692B
50.0%	50.0% #6A7633	RGB 106 118 51	#6A7633
66.7%	66.7% #7C823A	RGB 124 130 58	#7C823A
83.3%	83.3% #8E8F41	RGB 142 143 65	#8E8F41
100.0%	100.0% #A09C49	RGB 160 156 73	#A09C49

#35501D #465C24 #58692B #6A7633 #7C823A #8E8F41 #A09C49

#35501D - #A09C49

Mezcla HSV

#35501D - #A09C49 | 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 #35501D como 0% y #A09C49 como 100%.

0.0%	0.0% #35501D	RGB 53 80 29	#35501D
16.7%	16.7% #445D23	RGB 68 93 35	#445D23
33.3%	33.3% #546A2A	RGB 84 106 42	#546A2A
50.0%	50.0% #667831	RGB 102 120 49	#667831
66.7%	66.7% #7A8538	RGB 122 133 56	#7A8538
83.3%	83.3% #8E9240	RGB 142 146 64	#8E9240
100.0%	100.0% #A09C49	RGB 160 156 73	#A09C49

#35501D #445D23 #546A2A #667831 #7A8538 #8E9240 #A09C49

#35501D - #667831 - #A09C49

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #35501D 0%, #667831 50%, #A09C49 100%);
    background: -webkit-linear-gradient(top, #35501D 0%, #667831 50%, #A09C49 100%);
    background: linear-gradient(to bottom, #35501D 0%, #667831 50%, #A09C49 100%);
}
</style>